HEX #306188 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

306188 color palette from light to dark

HEX RGB HSL
#f0f5fa rgb(240,245,250) hsl(207,48%,96%)
#dde9f3 rgb(221,233,243) hsl(207,48%,91%)
#caddec rgb(202,221,236) hsl(207,48%,86%)
#b7d1e6 rgb(183,209,230) hsl(207,48%,81%)
#a4c5df rgb(164,197,223) hsl(207,48%,76%)
#92b9d9 rgb(146,185,217) hsl(207,48%,71%)
#7facd2 rgb(127,172,210) hsl(207,48%,66%)
#6ca0cb rgb(108,160,203) hsl(207,48%,61%)
#5994c5 rgb(89,148,197) hsl(207,48%,56%)
#4688be rgb(70,136,190) hsl(207,48%,51%)
#3d7bae rgb(61,123,174) hsl(207,48%,46%)
#366e9b rgb(54,110,155) hsl(207,48%,41%)
#306088 rgb(48,96,136) hsl(207,48%,36%)
#295375 rgb(41,83,117) hsl(207,48%,31%)
#224562 rgb(34,69,98) hsl(207,48%,26%)
#1c384f rgb(28,56,79) hsl(207,48%,21%)
#152b3c rgb(21,43,60) hsl(207,48%,16%)
#0f1d2a rgb(15,29,42) hsl(207,48%,11%)
#081017 rgb(8,16,23) hsl(207,48%,6%)
#010304 rgb(1,3,4) hsl(207,48%,1%)

Adjacent colors

HEX RGB HSL
#308774 rgb(48,135,116) hsl(167,48%,36%)
#306188 rgb(48,97,136) hsl(207,48%,36%)
#393088 rgb(57,48,136) hsl(246,48%,36%)

Monochromatic colors

HEX RGB HSL
#37709D rgb(55,112,157) hsl(206,48%,42%)
#306188 rgb(48,97,136) hsl(207,48%,36%)
#285272 rgb(40,82,114) hsl(206,48%,30%)
#20425C rgb(32,66,92) hsl(206,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
#306188 rgb(48,97,136) hsl(207,48%,36%)
#883035 rgb(136,48,53) hsl(357,48%,36%)
#888230 rgb(136,130,48) hsl(56,48%,36%)

Tetrad color palettes

HEX RGB HSL
#306188 rgb(48,97,136) hsl(207,48%,36%)
#885730 rgb(136,87,48) hsl(27,48%,36%)
#308783 rgb(48,135,131) hsl(177,48%,36%)
#888230 rgb(136,130,48) hsl(56,48%,36%)