HEX #222A4F color — Cloud Burst
The color #222a4f is a dark shade and moderately saturated.
Palette
222a4f color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f5fa |
rgb(244,245,250) |
hsl(229,40%,97%) |
| #e2e5f3 |
rgb(226,229,243) |
hsl(229,40%,92%) |
| #d1d5eb |
rgb(209,213,235) |
hsl(229,40%,87%) |
| #bfc5e3 |
rgb(191,197,227) |
hsl(229,40%,82%) |
| #adb5dc |
rgb(173,181,220) |
hsl(229,40%,77%) |
| #9ba6d4 |
rgb(155,166,212) |
hsl(229,40%,72%) |
| #8996cd |
rgb(137,150,205) |
hsl(229,40%,67%) |
| #7786c5 |
rgb(119,134,197) |
hsl(229,40%,62%) |
| #6576bd |
rgb(101,118,189) |
hsl(229,40%,57%) |
| #5466b6 |
rgb(84,102,182) |
hsl(229,40%,52%) |
| #4859a8 |
rgb(72,89,168) |
hsl(229,40%,47%) |
| #405096 |
rgb(64,80,150) |
hsl(229,40%,42%) |
| #394684 |
rgb(57,70,132) |
hsl(229,40%,37%) |
| #313d72 |
rgb(49,61,114) |
hsl(229,40%,32%) |
| #293360 |
rgb(41,51,96) |
hsl(229,40%,27%) |
| #222a4f |
rgb(34,42,79) |
hsl(229,40%,22%) |
| #1a203d |
rgb(26,32,61) |
hsl(229,40%,17%) |
| #12172b |
rgb(18,23,43) |
hsl(229,40%,12%) |
| #0b0d19 |
rgb(11,13,25) |
hsl(229,40%,7%) |
| #030407 |
rgb(3,4,7) |
hsl(229,40%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22474F |
rgb(34,71,79) |
hsl(191,40%,22%) |
| #222A4F |
rgb(34,42,79) |
hsl(229,40%,22%) |
| #38214F |
rgb(56,33,79) |
hsl(270,41%,22%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #27305B |
rgb(39,48,91) |
hsl(230,40%,25%) |
| #222A4F |
rgb(34,42,79) |
hsl(229,40%,22%) |
| #1C2442 |
rgb(28,36,66) |
hsl(227,40%,18%) |
| #171C35 |
rgb(23,28,53) |
hsl(230,39%,15%) |
| #111729 |
rgb(17,23,41) |
hsl(225,41%,11%) |
| #0C0F1C |
rgb(12,15,28) |
hsl(229,40%,8%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #222A4F |
rgb(34,42,79) |
hsl(229,40%,22%) |
| #4F3022 |
rgb(79,48,34) |
hsl(19,40%,22%) |
| #404F22 |
rgb(64,79,34) |
hsl(80,40%,22%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #222A4F |
rgb(34,42,79) |
hsl(229,40%,22%) |
| #4F4722 |
rgb(79,71,34) |
hsl(49,40%,22%) |
| #22404F |
rgb(34,64,79) |
hsl(200,40%,22%) |
| #404F22 |
rgb(64,79,34) |
hsl(80,40%,22%) |
