HEX #306387 color — Calypso
The color #306387 is a dark shade and moderately saturated.
Palette
306387 color palette from light to dark
HEX |
RGB |
HSL |
#f0f6fa |
rgb(240,246,250) |
hsl(205,48%,96%) |
#ddeaf3 |
rgb(221,234,243) |
hsl(205,48%,91%) |
#cadeec |
rgb(202,222,236) |
hsl(205,48%,86%) |
#b7d2e6 |
rgb(183,210,230) |
hsl(205,48%,81%) |
#a4c7df |
rgb(164,199,223) |
hsl(205,48%,76%) |
#92bbd9 |
rgb(146,187,217) |
hsl(205,48%,71%) |
#7fafd2 |
rgb(127,175,210) |
hsl(205,48%,66%) |
#6ca4cb |
rgb(108,164,203) |
hsl(205,48%,61%) |
#5998c5 |
rgb(89,152,197) |
hsl(205,48%,56%) |
#468cbe |
rgb(70,140,190) |
hsl(205,48%,51%) |
#3d7fae |
rgb(61,127,174) |
hsl(205,48%,46%) |
#36719b |
rgb(54,113,155) |
hsl(205,48%,41%) |
#306388 |
rgb(48,99,136) |
hsl(205,48%,36%) |
#295575 |
rgb(41,85,117) |
hsl(205,48%,31%) |
#224862 |
rgb(34,72,98) |
hsl(205,48%,26%) |
#1c3a4f |
rgb(28,58,79) |
hsl(205,48%,21%) |
#152c3c |
rgb(21,44,60) |
hsl(205,48%,16%) |
#0f1e2a |
rgb(15,30,42) |
hsl(205,48%,11%) |
#081117 |
rgb(8,17,23) |
hsl(205,48%,6%) |
#010304 |
rgb(1,3,4) |
hsl(205,48%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#308771 |
rgb(48,135,113) |
hsl(165,48%,36%) |
#306387 |
rgb(48,99,135) |
hsl(205,48%,36%) |
#373087 |
rgb(55,48,135) |
hsl(245,48%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#37739C |
rgb(55,115,156) |
hsl(204,48%,41%) |
#306387 |
rgb(48,99,135) |
hsl(205,48%,36%) |
#285471 |
rgb(40,84,113) |
hsl(204,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 |
#306387 |
rgb(48,99,135) |
hsl(205,48%,36%) |
#873037 |
rgb(135,48,55) |
hsl(355,48%,36%) |
#878030 |
rgb(135,128,48) |
hsl(55,48%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#306387 |
rgb(48,99,135) |
hsl(205,48%,36%) |
#875430 |
rgb(135,84,48) |
hsl(25,48%,36%) |
#30877F |
rgb(48,135,127) |
hsl(174,48%,36%) |
#878030 |
rgb(135,128,48) |
hsl(55,48%,36%) |