HEX #306387 color — Calypso

The color #306387 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

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%)