HEX #306EC0 color — Mariner

The color #306EC0 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306EC0 color palette from light to dark

HEX RGB HSL
#f3f7fc rgb(243,247,252) hsl(214,60%,97%)
#dee9f7 rgb(222,233,247) hsl(214,60%,92%)
#cadbf2 rgb(202,219,242) hsl(214,60%,87%)
#b6cded rgb(182,205,237) hsl(214,60%,82%)
#a1c0e8 rgb(161,192,232) hsl(214,60%,77%)
#8db2e2 rgb(141,178,226) hsl(214,60%,72%)
#78a4dd rgb(120,164,221) hsl(214,60%,67%)
#6496d8 rgb(100,150,216) hsl(214,60%,62%)
#5089d3 rgb(80,137,211) hsl(214,60%,57%)
#3b7bce rgb(59,123,206) hsl(214,60%,52%)
#306ec0 rgb(48,110,192) hsl(214,60%,47%)
#2b63ab rgb(43,99,171) hsl(214,60%,42%)
#265797 rgb(38,87,151) hsl(214,60%,37%)
#214b83 rgb(33,75,131) hsl(214,60%,32%)
#1c3f6e rgb(28,63,110) hsl(214,60%,27%)
#16345a rgb(22,52,90) hsl(214,60%,22%)
#112845 rgb(17,40,69) hsl(214,60%,17%)
#0c1c31 rgb(12,28,49) hsl(214,60%,12%)
#07101d rgb(7,16,29) hsl(214,60%,7%)
#020508 rgb(2,5,8) hsl(214,60%,2%)

Adjacent colors

HEX RGB HSL
#30BFB2 rgb(48,191,178) hsl(175,60%,47%)
#306EC0 rgb(48,110,192) hsl(214,60%,47%)
#5230C0 rgb(82,48,192) hsl(254,60%,47%)

Monochromatic colors

HEX RGB HSL
#6496D8 rgb(100,150,216) hsl(214,60%,62%)
#4582D0 rgb(69,130,208) hsl(214,60%,54%)
#306EC0 rgb(48,110,192) hsl(214,60%,47%)
#285CA1 rgb(40,92,161) hsl(214,60%,39%)
#204A82 rgb(32,74,130) hsl(214,60%,32%)
#183863 rgb(24,56,99) hsl(214,61%,24%)

Triad color palettes

HEX RGB HSL
#306EC0 rgb(48,110,192) hsl(214,60%,47%)
#C03B30 rgb(192,59,48) hsl(5,60%,47%)
#B6BF30 rgb(182,191,48) hsl(64,60%,47%)

Tetrad color palettes

HEX RGB HSL
#306EC0 rgb(48,110,192) hsl(214,60%,47%)
#C08230 rgb(192,130,48) hsl(34,60%,47%)
#30B5C0 rgb(48,181,192) hsl(185,60%,47%)
#B6BF30 rgb(182,191,48) hsl(64,60%,47%)