HEX #222D53 color — Cloud Burst

The color #222d53 is a dark shade and moderately saturated.

Color codes

copy icon
copy icon
copy icon

Palette

222d53 color palette from light to dark

HEX RGB HSL
#f8f9fc rgb(248,249,252) hsl(227,42%,98%)
#e6e9f5 rgb(230,233,245) hsl(227,42%,93%)
#d4d9ed rgb(212,217,237) hsl(227,42%,88%)
#c1c9e6 rgb(193,201,230) hsl(227,42%,83%)
#afbade rgb(175,186,222) hsl(227,42%,78%)
#9daad7 rgb(157,170,215) hsl(227,42%,73%)
#8b9ad0 rgb(139,154,208) hsl(227,42%,68%)
#798ac8 rgb(121,138,200) hsl(227,42%,63%)
#677ac1 rgb(103,122,193) hsl(227,42%,58%)
#556bb9 rgb(85,107,185) hsl(227,42%,53%)
#475dae rgb(71,93,174) hsl(227,42%,48%)
#40549c rgb(64,84,156) hsl(227,42%,43%)
#384a8a rgb(56,74,138) hsl(227,42%,38%)
#314077 rgb(49,64,119) hsl(227,42%,33%)
#293665 rgb(41,54,101) hsl(227,42%,28%)
#222d53 rgb(34,45,83) hsl(227,42%,23%)
#1b2341 rgb(27,35,65) hsl(227,42%,18%)
#13192f rgb(19,25,47) hsl(227,42%,13%)
#0c101d rgb(12,16,29) hsl(227,42%,8%)
#04060b rgb(4,6,11) hsl(227,42%,3%)

Adjacent colors

HEX RGB HSL
#224D53 rgb(34,77,83) hsl(187,42%,23%)
#222D53 rgb(34,45,83) hsl(227,42%,23%)
#372153 rgb(55,33,83) hsl(266,43%,23%)

Monochromatic colors

HEX RGB HSL
#273360 rgb(39,51,96) hsl(227,42%,26%)
#222D53 rgb(34,45,83) hsl(227,42%,23%)
#1C2645 rgb(28,38,69) hsl(225,42%,19%)
#171F38 rgb(23,31,56) hsl(225,42%,15%)
#11172B rgb(17,23,43) hsl(226,43%,12%)
#0C0F1D rgb(12,15,29) hsl(229,41%,8%)

Triad color palettes

HEX RGB HSL
#222D53 rgb(34,45,83) hsl(227,42%,23%)
#533022 rgb(83,48,34) hsl(17,42%,23%)
#455422 rgb(69,84,34) hsl(78,42%,23%)

Tetrad color palettes

HEX RGB HSL
#222D53 rgb(34,45,83) hsl(227,42%,23%)
#534722 rgb(83,71,34) hsl(45,42%,23%)
#224553 rgb(34,69,83) hsl(197,42%,23%)
#455422 rgb(69,84,34) hsl(78,42%,23%)