HEX #306386 color — Calypso
The color #306386 is a dark shade and moderately saturated.
Palette
306386 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(204,47%,96%) |
#ddeaf3 |
rgb(221,234,243) |
hsl(204,47%,91%) |
#cbdfec |
rgb(203,223,236) |
hsl(204,47%,86%) |
#b8d3e5 |
rgb(184,211,229) |
hsl(204,47%,81%) |
#a5c8df |
rgb(165,200,223) |
hsl(204,47%,76%) |
#92bcd8 |
rgb(146,188,216) |
hsl(204,47%,71%) |
#80b0d1 |
rgb(128,176,209) |
hsl(204,47%,66%) |
#6da5ca |
rgb(109,165,202) |
hsl(204,47%,61%) |
#5a99c4 |
rgb(90,153,196) |
hsl(204,47%,56%) |
#478ebd |
rgb(71,142,189) |
hsl(204,47%,51%) |
#3e80ac |
rgb(62,128,172) |
hsl(204,47%,46%) |
#37729a |
rgb(55,114,154) |
hsl(204,47%,41%) |
#316487 |
rgb(49,100,135) |
hsl(204,47%,36%) |
#2a5674 |
rgb(42,86,116) |
hsl(204,47%,31%) |
#234961 |
rgb(35,73,97) |
hsl(204,47%,26%) |
#1c3b4f |
rgb(28,59,79) |
hsl(204,47%,21%) |
#162d3c |
rgb(22,45,60) |
hsl(204,47%,16%) |
#0f1f29 |
rgb(15,31,41) |
hsl(204,47%,11%) |
#081116 |
rgb(8,17,22) |
hsl(204,47%,6%) |
#010304 |
rgb(1,3,4) |
hsl(204,47%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#30876F |
rgb(48,135,111) |
hsl(163,48%,36%) |
#306386 |
rgb(48,99,134) |
hsl(204,47%,36%) |
#363086 |
rgb(54,48,134) |
hsl(244,47%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37739B |
rgb(55,115,155) |
hsl(204,48%,41%) |
#306386 |
rgb(48,99,134) |
hsl(204,47%,36%) |
#285470 |
rgb(40,84,112) |
hsl(203,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 |
#306386 |
rgb(48,99,134) |
hsl(204,47%,36%) |
#863038 |
rgb(134,48,56) |
hsl(354,47%,36%) |
#867D30 |
rgb(134,125,48) |
hsl(54,47%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306386 |
rgb(48,99,134) |
hsl(204,47%,36%) |
#865430 |
rgb(134,84,48) |
hsl(25,47%,36%) |
#30877E |
rgb(48,135,126) |
hsl(174,48%,36%) |
#867D30 |
rgb(134,125,48) |
hsl(54,47%,36%) |