HEX #306B8A color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

306B8A color palette from light to dark

HEX RGB HSL
#f0f6fa rgb(240,246,250) hsl(201,48%,96%)
#ddebf3 rgb(221,235,243) hsl(201,48%,91%)
#cae0ec rgb(202,224,236) hsl(201,48%,86%)
#b7d6e6 rgb(183,214,230) hsl(201,48%,81%)
#a4cbdf rgb(164,203,223) hsl(201,48%,76%)
#92c0d9 rgb(146,192,217) hsl(201,48%,71%)
#7fb5d2 rgb(127,181,210) hsl(201,48%,66%)
#6caacb rgb(108,170,203) hsl(201,48%,61%)
#599fc5 rgb(89,159,197) hsl(201,48%,56%)
#4694be rgb(70,148,190) hsl(201,48%,51%)
#3d86ae rgb(61,134,174) hsl(201,48%,46%)
#36789b rgb(54,120,155) hsl(201,48%,41%)
#306988 rgb(48,105,136) hsl(201,48%,36%)
#295a75 rgb(41,90,117) hsl(201,48%,31%)
#224c62 rgb(34,76,98) hsl(201,48%,26%)
#1c3d4f rgb(28,61,79) hsl(201,48%,21%)
#152f3c rgb(21,47,60) hsl(201,48%,16%)
#0f202a rgb(15,32,42) hsl(201,48%,11%)
#081217 rgb(8,18,23) hsl(201,48%,6%)
#010304 rgb(1,3,4) hsl(201,48%,1%)

Adjacent colors

HEX RGB HSL
#308A6D rgb(48,138,109) hsl(161,48%,36%)
#306B8A rgb(48,107,138) hsl(201,48%,36%)
#31308A rgb(49,48,138) hsl(241,48%,36%)

Monochromatic colors

HEX RGB HSL
#377DA0 rgb(55,125,160) hsl(200,49%,42%)
#306B8A rgb(48,107,138) hsl(201,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
#306B8A rgb(48,107,138) hsl(201,48%,36%)
#8A303E rgb(138,48,62) hsl(351,48%,36%)
#8A7D30 rgb(138,125,48) hsl(51,48%,36%)

Tetrad color palettes

HEX RGB HSL
#306B8A rgb(48,107,138) hsl(201,48%,36%)
#8A4F30 rgb(138,79,48) hsl(21,48%,36%)
#308A7C rgb(48,138,124) hsl(171,48%,36%)
#8A7D30 rgb(138,125,48) hsl(51,48%,36%)