HEX #306E89 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

306E89 color palette from light to dark

HEX RGB HSL
#f0f7fa rgb(240,247,250) hsl(198,48%,96%)
#ddecf3 rgb(221,236,243) hsl(198,48%,91%)
#cae2ec rgb(202,226,236) hsl(198,48%,86%)
#b7d8e6 rgb(183,216,230) hsl(198,48%,81%)
#a4cedf rgb(164,206,223) hsl(198,48%,76%)
#92c3d9 rgb(146,195,217) hsl(198,48%,71%)
#7fb9d2 rgb(127,185,210) hsl(198,48%,66%)
#6cafcb rgb(108,175,203) hsl(198,48%,61%)
#59a4c5 rgb(89,164,197) hsl(198,48%,56%)
#469abe rgb(70,154,190) hsl(198,48%,51%)
#3d8cae rgb(61,140,174) hsl(198,48%,46%)
#367d9b rgb(54,125,155) hsl(198,48%,41%)
#306d88 rgb(48,109,136) hsl(198,48%,36%)
#295e75 rgb(41,94,117) hsl(198,48%,31%)
#224f62 rgb(34,79,98) hsl(198,48%,26%)
#1c404f rgb(28,64,79) hsl(198,48%,21%)
#15313c rgb(21,49,60) hsl(198,48%,16%)
#0f212a rgb(15,33,42) hsl(198,48%,11%)
#081217 rgb(8,18,23) hsl(198,48%,6%)
#010304 rgb(1,3,4) hsl(198,48%,1%)

Adjacent colors

HEX RGB HSL
#308A68 rgb(48,138,104) hsl(157,48%,36%)
#306E89 rgb(48,110,137) hsl(198,48%,36%)
#303389 rgb(48,51,137) hsl(238,48%,36%)

Monochromatic colors

HEX RGB HSL
#37809E rgb(55,128,158) hsl(197,48%,42%)
#306E89 rgb(48,110,137) hsl(198,48%,36%)
#285C73 rgb(40,92,115) hsl(198,48%,30%)
#204A5D rgb(32,74,93) hsl(199,49%,25%)
#183847 rgb(24,56,71) hsl(199,49%,19%)
#112931 rgb(17,41,49) hsl(195,48%,13%)

Triad color palettes

HEX RGB HSL
#306E89 rgb(48,110,137) hsl(198,48%,36%)
#893041 rgb(137,48,65) hsl(349,48%,36%)
#897830 rgb(137,120,48) hsl(49,48%,36%)

Tetrad color palettes

HEX RGB HSL
#306E89 rgb(48,110,137) hsl(198,48%,36%)
#894A30 rgb(137,74,48) hsl(18,48%,36%)
#308A77 rgb(48,138,119) hsl(167,48%,36%)
#897830 rgb(137,120,48) hsl(49,48%,36%)