HEX #222E59 color — Cloud Burst
The color #222E59 is a dark shade and moderately saturated.
Palette
222E59 color palette from light to dark
| HEX |
RGB |
HSL |
| #fbfcfe |
rgb(251,252,254) |
hsl(227,45%,99%) |
| #e9ecf7 |
rgb(233,236,247) |
hsl(227,45%,94%) |
| #d6dcf0 |
rgb(214,220,240) |
hsl(227,45%,89%) |
| #c4cce9 |
rgb(196,204,233) |
hsl(227,45%,84%) |
| #b1bce2 |
rgb(177,188,226) |
hsl(227,45%,79%) |
| #9facdb |
rgb(159,172,219) |
hsl(227,45%,74%) |
| #8c9cd4 |
rgb(140,156,212) |
hsl(227,45%,69%) |
| #7a8ccd |
rgb(122,140,205) |
hsl(227,45%,64%) |
| #677cc5 |
rgb(103,124,197) |
hsl(227,45%,59%) |
| #556cbe |
rgb(85,108,190) |
hsl(227,45%,54%) |
| #455db5 |
rgb(69,93,181) |
hsl(227,45%,49%) |
| #3e54a3 |
rgb(62,84,163) |
hsl(227,45%,44%) |
| #374a90 |
rgb(55,74,144) |
hsl(227,45%,39%) |
| #30417e |
rgb(48,65,126) |
hsl(227,45%,34%) |
| #29376b |
rgb(41,55,107) |
hsl(227,45%,29%) |
| #222e59 |
rgb(34,46,89) |
hsl(227,45%,24%) |
| #1b2446 |
rgb(27,36,70) |
hsl(227,45%,19%) |
| #141b34 |
rgb(20,27,52) |
hsl(227,45%,14%) |
| #0d1121 |
rgb(13,17,33) |
hsl(227,45%,9%) |
| #06080f |
rgb(6,8,15) |
hsl(227,45%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #225259 |
rgb(34,82,89) |
hsl(188,45%,24%) |
| #222E59 |
rgb(34,46,89) |
hsl(227,45%,24%) |
| #3A2159 |
rgb(58,33,89) |
hsl(267,46%,24%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #273667 |
rgb(39,54,103) |
hsl(226,45%,28%) |
| #222E59 |
rgb(34,46,89) |
hsl(227,45%,24%) |
| #1C264A |
rgb(28,38,74) |
hsl(227,45%,20%) |
| #171F3C |
rgb(23,31,60) |
hsl(227,45%,16%) |
| #11172E |
rgb(17,23,46) |
hsl(228,46%,12%) |
| #0C0F20 |
rgb(12,15,32) |
hsl(231,45%,9%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #222E59 |
rgb(34,46,89) |
hsl(227,45%,24%) |
| #593022 |
rgb(89,48,34) |
hsl(15,45%,24%) |
| #495922 |
rgb(73,89,34) |
hsl(77,45%,24%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #222E59 |
rgb(34,46,89) |
hsl(227,45%,24%) |
| #594D22 |
rgb(89,77,34) |
hsl(47,45%,24%) |
| #224A59 |
rgb(34,74,89) |
hsl(196,45%,24%) |
| #495922 |
rgb(73,89,34) |
hsl(77,45%,24%) |
