HEX #306EC0 color — Mariner
The color #306EC0 is a dark shade and moderately saturated.
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%) |