HEX #306B89 color — Calypso

The color #306B89 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

306B89 color palette from light to dark

HEX RGB HSL
#f0f6fa rgb(240,246,250) hsl(200,48%,96%)
#ddecf3 rgb(221,236,243) hsl(200,48%,91%)
#cae1ec rgb(202,225,236) hsl(200,48%,86%)
#b7d6e6 rgb(183,214,230) hsl(200,48%,81%)
#a4ccdf rgb(164,204,223) hsl(200,48%,76%)
#92c1d9 rgb(146,193,217) hsl(200,48%,71%)
#7fb6d2 rgb(127,182,210) hsl(200,48%,66%)
#6cabcb rgb(108,171,203) hsl(200,48%,61%)
#59a1c5 rgb(89,161,197) hsl(200,48%,56%)
#4696be rgb(70,150,190) hsl(200,48%,51%)
#3d88ae rgb(61,136,174) hsl(200,48%,46%)
#36799b rgb(54,121,155) hsl(200,48%,41%)
#306a88 rgb(48,106,136) hsl(200,48%,36%)
#295c75 rgb(41,92,117) hsl(200,48%,31%)
#224d62 rgb(34,77,98) hsl(200,48%,26%)
#1c3e4f rgb(28,62,79) hsl(200,48%,21%)
#152f3c rgb(21,47,60) hsl(200,48%,16%)
#0f212a rgb(15,33,42) hsl(200,48%,11%)
#081217 rgb(8,18,23) hsl(200,48%,6%)
#010304 rgb(1,3,4) hsl(200,48%,1%)

Adjacent colors

HEX RGB HSL
#308A6B rgb(48,138,107) hsl(159,48%,36%)
#306B89 rgb(48,107,137) hsl(200,48%,36%)
#303089 rgb(48,48,137) hsl(240,48%,36%)

Monochromatic colors

HEX RGB HSL
#377D9E rgb(55,125,158) hsl(199,48%,42%)
#306B89 rgb(48,107,137) hsl(200,48%,36%)
#285973 rgb(40,89,115) hsl(201,48%,30%)
#204A5D rgb(32,74,93) hsl(199,49%,25%)
#183847 rgb(24,56,71) hsl(199,49%,19%)
#112631 rgb(17,38,49) hsl(201,48%,13%)

Triad color palettes

HEX RGB HSL
#306B89 rgb(48,107,137) hsl(200,48%,36%)
#89303E rgb(137,48,62) hsl(351,48%,36%)
#897A30 rgb(137,122,48) hsl(50,48%,36%)

Tetrad color palettes

HEX RGB HSL
#306B89 rgb(48,107,137) hsl(200,48%,36%)
#894F30 rgb(137,79,48) hsl(21,48%,36%)
#308A7A rgb(48,138,122) hsl(169,48%,36%)
#897A30 rgb(137,122,48) hsl(50,48%,36%)