HEX #305E87 color — Calypso

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

Color codes

copy icon
copy icon
copy icon

Palette

305E87 color palette from light to dark

HEX RGB HSL
#f0f5fa rgb(240,245,250) hsl(208,48%,96%)
#dde9f3 rgb(221,233,243) hsl(208,48%,91%)
#cadcec rgb(202,220,236) hsl(208,48%,86%)
#b7d0e6 rgb(183,208,230) hsl(208,48%,81%)
#a4c4df rgb(164,196,223) hsl(208,48%,76%)
#92b7d9 rgb(146,183,217) hsl(208,48%,71%)
#7fabd2 rgb(127,171,210) hsl(208,48%,66%)
#6c9fcb rgb(108,159,203) hsl(208,48%,61%)
#5992c5 rgb(89,146,197) hsl(208,48%,56%)
#4686be rgb(70,134,190) hsl(208,48%,51%)
#3d79ae rgb(61,121,174) hsl(208,48%,46%)
#366c9b rgb(54,108,155) hsl(208,48%,41%)
#305f88 rgb(48,95,136) hsl(208,48%,36%)
#295275 rgb(41,82,117) hsl(208,48%,31%)
#224462 rgb(34,68,98) hsl(208,48%,26%)
#1c374f rgb(28,55,79) hsl(208,48%,21%)
#152a3c rgb(21,42,60) hsl(208,48%,16%)
#0f1d2a rgb(15,29,42) hsl(208,48%,11%)
#081017 rgb(8,16,23) hsl(208,48%,6%)
#010304 rgb(1,3,4) hsl(208,48%,1%)

Adjacent colors

HEX RGB HSL
#308776 rgb(48,135,118) hsl(168,48%,36%)
#305E87 rgb(48,94,135) hsl(208,48%,36%)
#3C3087 rgb(60,48,135) hsl(248,48%,36%)

Monochromatic colors

HEX RGB HSL
#376E9C rgb(55,110,156) hsl(207,48%,41%)
#305E87 rgb(48,94,135) hsl(208,48%,36%)
#284F71 rgb(40,79,113) hsl(208,48%,30%)
#20405B rgb(32,64,91) hsl(207,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
#305E87 rgb(48,94,135) hsl(208,48%,36%)
#873032 rgb(135,48,50) hsl(359,48%,36%)
#878530 rgb(135,133,48) hsl(59,48%,36%)

Tetrad color palettes

HEX RGB HSL
#305E87 rgb(48,94,135) hsl(208,48%,36%)
#875930 rgb(135,89,48) hsl(28,48%,36%)
#308784 rgb(48,135,132) hsl(178,48%,36%)
#878530 rgb(135,133,48) hsl(59,48%,36%)