HEX #222A30 color — Outer Space
The color #222a30 is a dark shade and slightly desaturated.
Palette
222a30 color palette from light to dark
| HEX |
RGB |
HSL |
| #f3f5f7 |
rgb(243,245,247) |
hsl(206,17%,96%) |
| #e4e9ec |
rgb(228,233,236) |
hsl(206,17%,91%) |
| #d5dce1 |
rgb(213,220,225) |
hsl(206,17%,86%) |
| #c6d0d7 |
rgb(198,208,215) |
hsl(206,17%,81%) |
| #b7c3cc |
rgb(183,195,204) |
hsl(206,17%,76%) |
| #a8b7c2 |
rgb(168,183,194) |
hsl(206,17%,71%) |
| #9aaab7 |
rgb(154,170,183) |
hsl(206,17%,66%) |
| #8b9eac |
rgb(139,158,172) |
hsl(206,17%,61%) |
| #7c91a2 |
rgb(124,145,162) |
hsl(206,17%,56%) |
| #6d8597 |
rgb(109,133,151) |
hsl(206,17%,51%) |
| #617889 |
rgb(97,120,137) |
hsl(206,17%,46%) |
| #576b7a |
rgb(87,107,122) |
hsl(206,17%,41%) |
| #4c5e6b |
rgb(76,94,107) |
hsl(206,17%,36%) |
| #42515c |
rgb(66,81,92) |
hsl(206,17%,31%) |
| #37444e |
rgb(55,68,78) |
hsl(206,17%,26%) |
| #2c373f |
rgb(44,55,63) |
hsl(206,17%,21%) |
| #222a30 |
rgb(34,42,48) |
hsl(206,17%,16%) |
| #171d21 |
rgb(23,29,33) |
hsl(206,17%,11%) |
| #0d1012 |
rgb(13,16,18) |
hsl(206,17%,6%) |
| #020303 |
rgb(2,3,3) |
hsl(206,17%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22302C |
rgb(34,48,44) |
hsl(163,17%,16%) |
| #222A30 |
rgb(34,42,48) |
hsl(206,17%,16%) |
| #232130 |
rgb(35,33,48) |
hsl(248,19%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #222A30 |
rgb(34,42,48) |
hsl(206,17%,16%) |
| #1C2428 |
rgb(28,36,40) |
hsl(200,18%,13%) |
| #171C20 |
rgb(23,28,32) |
hsl(207,16%,11%) |
| #111718 |
rgb(17,23,24) |
hsl(189,17%,8%) |
| #0C0F11 |
rgb(12,15,17) |
hsl(204,17%,6%) |
| #060809 |
rgb(6,8,9) |
hsl(200,20%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #222A30 |
rgb(34,42,48) |
hsl(206,17%,16%) |
| #302123 |
rgb(48,33,35) |
hsl(352,19%,16%) |
| #302E22 |
rgb(48,46,34) |
hsl(51,17%,16%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #222A30 |
rgb(34,42,48) |
hsl(206,17%,16%) |
| #302922 |
rgb(48,41,34) |
hsl(30,17%,16%) |
| #22302F |
rgb(34,48,47) |
hsl(176,17%,16%) |
| #302E22 |
rgb(48,46,34) |
hsl(51,17%,16%) |
