HEX #306E8A color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

306E8A color palette from light to dark

HEX RGB HSL
#f0f7fa rgb(240,247,250) hsl(199,48%,96%)
#ddecf3 rgb(221,236,243) hsl(199,48%,91%)
#cae2ec rgb(202,226,236) hsl(199,48%,86%)
#b7d7e6 rgb(183,215,230) hsl(199,48%,81%)
#a4cddf rgb(164,205,223) hsl(199,48%,76%)
#92c2d9 rgb(146,194,217) hsl(199,48%,71%)
#7fb8d2 rgb(127,184,210) hsl(199,48%,66%)
#6cadcb rgb(108,173,203) hsl(199,48%,61%)
#59a3c5 rgb(89,163,197) hsl(199,48%,56%)
#4698be rgb(70,152,190) hsl(199,48%,51%)
#3d8aae rgb(61,138,174) hsl(199,48%,46%)
#367b9b rgb(54,123,155) hsl(199,48%,41%)
#306c88 rgb(48,108,136) hsl(199,48%,36%)
#295d75 rgb(41,93,117) hsl(199,48%,31%)
#224e62 rgb(34,78,98) hsl(199,48%,26%)
#1c3f4f rgb(28,63,79) hsl(199,48%,21%)
#15303c rgb(21,48,60) hsl(199,48%,16%)
#0f212a rgb(15,33,42) hsl(199,48%,11%)
#081217 rgb(8,18,23) hsl(199,48%,6%)
#010304 rgb(1,3,4) hsl(199,48%,1%)

Adjacent colors

HEX RGB HSL
#308A6A rgb(48,138,106) hsl(159,48%,36%)
#306E8A rgb(48,110,138) hsl(199,48%,36%)
#30338A rgb(48,51,138) hsl(238,48%,36%)

Monochromatic colors

HEX RGB HSL
#3780A0 rgb(55,128,160) hsl(198,49%,42%)
#306E8A rgb(48,110,138) hsl(199,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
#306E8A rgb(48,110,138) hsl(199,48%,36%)
#8A3041 rgb(138,48,65) hsl(349,48%,36%)
#8A7830 rgb(138,120,48) hsl(48,48%,36%)

Tetrad color palettes

HEX RGB HSL
#306E8A rgb(48,110,138) hsl(199,48%,36%)
#8A4D30 rgb(138,77,48) hsl(19,48%,36%)
#308A79 rgb(48,138,121) hsl(169,48%,36%)
#8A7830 rgb(138,120,48) hsl(48,48%,36%)