HEX #306187 color — Calypso
The color #306187 is a dark shade and moderately saturated.
Palette
306187 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(206,48%,96%) |
#ddeaf3 |
rgb(221,234,243) |
hsl(206,48%,91%) |
#cadeec |
rgb(202,222,236) |
hsl(206,48%,86%) |
#b7d2e6 |
rgb(183,210,230) |
hsl(206,48%,81%) |
#a4c6df |
rgb(164,198,223) |
hsl(206,48%,76%) |
#92bad9 |
rgb(146,186,217) |
hsl(206,48%,71%) |
#7faed2 |
rgb(127,174,210) |
hsl(206,48%,66%) |
#6ca2cb |
rgb(108,162,203) |
hsl(206,48%,61%) |
#5996c5 |
rgb(89,150,197) |
hsl(206,48%,56%) |
#468abe |
rgb(70,138,190) |
hsl(206,48%,51%) |
#3d7dae |
rgb(61,125,174) |
hsl(206,48%,46%) |
#366f9b |
rgb(54,111,155) |
hsl(206,48%,41%) |
#306288 |
rgb(48,98,136) |
hsl(206,48%,36%) |
#295475 |
rgb(41,84,117) |
hsl(206,48%,31%) |
#224762 |
rgb(34,71,98) |
hsl(206,48%,26%) |
#1c394f |
rgb(28,57,79) |
hsl(206,48%,21%) |
#152b3c |
rgb(21,43,60) |
hsl(206,48%,16%) |
#0f1e2a |
rgb(15,30,42) |
hsl(206,48%,11%) |
#081017 |
rgb(8,16,23) |
hsl(206,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(206,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308773 |
rgb(48,135,115) |
hsl(166,48%,36%) |
#306187 |
rgb(48,97,135) |
hsl(206,48%,36%) |
#393087 |
rgb(57,48,135) |
hsl(246,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37709C |
rgb(55,112,156) |
hsl(206,48%,41%) |
#306187 |
rgb(48,97,135) |
hsl(206,48%,36%) |
#285271 |
rgb(40,82,113) |
hsl(205,48%,30%) |
#20425B |
rgb(32,66,91) |
hsl(205,48%,24%) |
#183346 |
rgb(24,51,70) |
hsl(205,49%,18%) |
#112430 |
rgb(17,36,48) |
hsl(203,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306187 |
rgb(48,97,135) |
hsl(206,48%,36%) |
#873035 |
rgb(135,48,53) |
hsl(357,48%,36%) |
#878230 |
rgb(135,130,48) |
hsl(57,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306187 |
rgb(48,97,135) |
hsl(206,48%,36%) |
#875730 |
rgb(135,87,48) |
hsl(27,48%,36%) |
#308781 |
rgb(48,135,129) |
hsl(176,48%,36%) |
#878230 |
rgb(135,130,48) |
hsl(57,48%,36%) |