HEX #222E54 color — Cloud Burst
The color #222E54 is a dark shade and moderately saturated.
Palette
222E54 color palette from light to dark
HEX |
RGB |
HSL |
#f8f9fc |
rgb(248,249,252) |
hsl(226,42%,98%) |
#e6e9f5 |
rgb(230,233,245) |
hsl(226,42%,93%) |
#d4daed |
rgb(212,218,237) |
hsl(226,42%,88%) |
#c1cae6 |
rgb(193,202,230) |
hsl(226,42%,83%) |
#afbade |
rgb(175,186,222) |
hsl(226,42%,78%) |
#9dabd7 |
rgb(157,171,215) |
hsl(226,42%,73%) |
#8b9bd0 |
rgb(139,155,208) |
hsl(226,42%,68%) |
#798cc8 |
rgb(121,140,200) |
hsl(226,42%,63%) |
#677cc1 |
rgb(103,124,193) |
hsl(226,42%,58%) |
#556cb9 |
rgb(85,108,185) |
hsl(226,42%,53%) |
#475fae |
rgb(71,95,174) |
hsl(226,42%,48%) |
#40559c |
rgb(64,85,156) |
hsl(226,42%,43%) |
#384b8a |
rgb(56,75,138) |
hsl(226,42%,38%) |
#314177 |
rgb(49,65,119) |
hsl(226,42%,33%) |
#293765 |
rgb(41,55,101) |
hsl(226,42%,28%) |
#222e53 |
rgb(34,46,83) |
hsl(226,42%,23%) |
#1b2441 |
rgb(27,36,65) |
hsl(226,42%,18%) |
#131a2f |
rgb(19,26,47) |
hsl(226,42%,13%) |
#0c101d |
rgb(12,16,29) |
hsl(226,42%,8%) |
#04060b |
rgb(4,6,11) |
hsl(226,42%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#224F54 |
rgb(34,79,84) |
hsl(186,42%,23%) |
#222E54 |
rgb(34,46,84) |
hsl(226,42%,23%) |
#372154 |
rgb(55,33,84) |
hsl(266,44%,23%) |
Monochromatic colors
HEX |
RGB |
HSL |
#273661 |
rgb(39,54,97) |
hsl(224,43%,27%) |
#222E54 |
rgb(34,46,84) |
hsl(226,42%,23%) |
#1C2646 |
rgb(28,38,70) |
hsl(226,43%,19%) |
#171F39 |
rgb(23,31,57) |
hsl(226,43%,16%) |
#11172B |
rgb(17,23,43) |
hsl(226,43%,12%) |
#0C0F1E |
rgb(12,15,30) |
hsl(230,43%,8%) |
Triad color palettes
HEX |
RGB |
HSL |
#222E54 |
rgb(34,46,84) |
hsl(226,42%,23%) |
#542E22 |
rgb(84,46,34) |
hsl(14,42%,23%) |
#475422 |
rgb(71,84,34) |
hsl(76,42%,23%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#222E54 |
rgb(34,46,84) |
hsl(226,42%,23%) |
#544722 |
rgb(84,71,34) |
hsl(44,42%,23%) |
#224754 |
rgb(34,71,84) |
hsl(196,42%,23%) |
#475422 |
rgb(71,84,34) |
hsl(76,42%,23%) |