HEX #306186 color — Calypso
The color #306186 is a dark shade and moderately saturated.
Palette
306186 color palette from light to dark
HEX |
RGB |
HSL |
#f0f5fa |
rgb(240,245,250) |
hsl(206,47%,96%) |
#dde9f3 |
rgb(221,233,243) |
hsl(206,47%,91%) |
#cbdeec |
rgb(203,222,236) |
hsl(206,47%,86%) |
#b8d2e5 |
rgb(184,210,229) |
hsl(206,47%,81%) |
#a5c6df |
rgb(165,198,223) |
hsl(206,47%,76%) |
#92bad8 |
rgb(146,186,216) |
hsl(206,47%,71%) |
#80aed1 |
rgb(128,174,209) |
hsl(206,47%,66%) |
#6da2ca |
rgb(109,162,202) |
hsl(206,47%,61%) |
#5a96c4 |
rgb(90,150,196) |
hsl(206,47%,56%) |
#478abd |
rgb(71,138,189) |
hsl(206,47%,51%) |
#3e7dac |
rgb(62,125,172) |
hsl(206,47%,46%) |
#376f9a |
rgb(55,111,154) |
hsl(206,47%,41%) |
#316287 |
rgb(49,98,135) |
hsl(206,47%,36%) |
#2a5474 |
rgb(42,84,116) |
hsl(206,47%,31%) |
#234661 |
rgb(35,70,97) |
hsl(206,47%,26%) |
#1c394f |
rgb(28,57,79) |
hsl(206,47%,21%) |
#162b3c |
rgb(22,43,60) |
hsl(206,47%,16%) |
#0f1e29 |
rgb(15,30,41) |
hsl(206,47%,11%) |
#081016 |
rgb(8,16,22) |
hsl(206,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(206,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308771 |
rgb(48,135,113) |
hsl(165,48%,36%) |
#306186 |
rgb(48,97,134) |
hsl(206,47%,36%) |
#383086 |
rgb(56,48,134) |
hsl(246,47%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37709B |
rgb(55,112,155) |
hsl(206,48%,41%) |
#306186 |
rgb(48,97,134) |
hsl(206,47%,36%) |
#285270 |
rgb(40,82,112) |
hsl(205,47%,30%) |
#20425B |
rgb(32,66,91) |
hsl(205,48%,24%) |
#183345 |
rgb(24,51,69) |
hsl(204,48%,18%) |
#112430 |
rgb(17,36,48) |
hsl(203,48%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#306186 |
rgb(48,97,134) |
hsl(206,47%,36%) |
#863036 |
rgb(134,48,54) |
hsl(356,47%,36%) |
#868030 |
rgb(134,128,48) |
hsl(56,47%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306186 |
rgb(48,97,134) |
hsl(206,47%,36%) |
#865430 |
rgb(134,84,48) |
hsl(25,47%,36%) |
#308780 |
rgb(48,135,128) |
hsl(175,48%,36%) |
#868030 |
rgb(134,128,48) |
hsl(56,47%,36%) |