HEX #305E88 color — Calypso

The color #305E88 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

305E88 color palette from light to dark

HEX RGB HSL
#f0f5fa rgb(240,245,250) hsl(209,48%,96%)
#dde8f3 rgb(221,232,243) hsl(209,48%,91%)
#cadcec rgb(202,220,236) hsl(209,48%,86%)
#b7cfe6 rgb(183,207,230) hsl(209,48%,81%)
#a4c3df rgb(164,195,223) hsl(209,48%,76%)
#92b6d9 rgb(146,182,217) hsl(209,48%,71%)
#7faad2 rgb(127,170,210) hsl(209,48%,66%)
#6c9dcb rgb(108,157,203) hsl(209,48%,61%)
#5991c5 rgb(89,145,197) hsl(209,48%,56%)
#4684be rgb(70,132,190) hsl(209,48%,51%)
#3d77ae rgb(61,119,174) hsl(209,48%,46%)
#366a9b rgb(54,106,155) hsl(209,48%,41%)
#305d88 rgb(48,93,136) hsl(209,48%,36%)
#295075 rgb(41,80,117) hsl(209,48%,31%)
#224362 rgb(34,67,98) hsl(209,48%,26%)
#1c364f rgb(28,54,79) hsl(209,48%,21%)
#15293c rgb(21,41,60) hsl(209,48%,16%)
#0f1c2a rgb(15,28,42) hsl(209,48%,11%)
#081017 rgb(8,16,23) hsl(209,48%,6%)
#010304 rgb(1,3,4) hsl(209,48%,1%)

Adjacent colors

HEX RGB HSL
#308777 rgb(48,135,119) hsl(169,48%,36%)
#305E88 rgb(48,94,136) hsl(209,48%,36%)
#3C3088 rgb(60,48,136) hsl(248,48%,36%)

Monochromatic colors

HEX RGB HSL
#376E9D rgb(55,110,157) hsl(208,48%,42%)
#305E88 rgb(48,94,136) hsl(209,48%,36%)
#284F72 rgb(40,79,114) hsl(208,48%,30%)
#20405C rgb(32,64,92) hsl(208,48%,24%)
#183046 rgb(24,48,70) hsl(209,49%,18%)
#112130 rgb(17,33,48) hsl(209,48%,13%)

Triad color palettes

HEX RGB HSL
#305E88 rgb(48,94,136) hsl(209,48%,36%)
#883032 rgb(136,48,50) hsl(359,48%,36%)
#888730 rgb(136,135,48) hsl(59,48%,36%)

Tetrad color palettes

HEX RGB HSL
#305E88 rgb(48,94,136) hsl(209,48%,36%)
#885930 rgb(136,89,48) hsl(28,48%,36%)
#308786 rgb(48,135,134) hsl(179,48%,36%)
#888730 rgb(136,135,48) hsl(59,48%,36%)