HEX #2D222F color — Bastille
The color #2d222f is a dark shade and slightly desaturated.
Palette
2d222f color palette from light to dark
| HEX |
RGB |
HSL |
| #f6f3f6 |
rgb(246,243,246) |
hsl(291,16%,96%) |
| #ebe4ec |
rgb(235,228,236) |
hsl(291,16%,91%) |
| #dfd6e1 |
rgb(223,214,225) |
hsl(291,16%,86%) |
| #d4c7d6 |
rgb(212,199,214) |
hsl(291,16%,81%) |
| #c9b8cc |
rgb(201,184,204) |
hsl(291,16%,76%) |
| #bda9c1 |
rgb(189,169,193) |
hsl(291,16%,71%) |
| #b29ab6 |
rgb(178,154,182) |
hsl(291,16%,66%) |
| #a78cab |
rgb(167,140,171) |
hsl(291,16%,61%) |
| #9b7da1 |
rgb(155,125,161) |
hsl(291,16%,56%) |
| #906e96 |
rgb(144,110,150) |
hsl(291,16%,51%) |
| #826388 |
rgb(130,99,136) |
hsl(291,16%,46%) |
| #745879 |
rgb(116,88,121) |
hsl(291,16%,41%) |
| #664d6a |
rgb(102,77,106) |
hsl(291,16%,36%) |
| #58425c |
rgb(88,66,92) |
hsl(291,16%,31%) |
| #4a384d |
rgb(74,56,77) |
hsl(291,16%,26%) |
| #3c2d3e |
rgb(60,45,62) |
hsl(291,16%,21%) |
| #2d222f |
rgb(45,34,47) |
hsl(291,16%,16%) |
| #1f1821 |
rgb(31,24,33) |
hsl(291,16%,11%) |
| #110d12 |
rgb(17,13,18) |
hsl(291,16%,6%) |
| #030203 |
rgb(3,2,3) |
hsl(291,16%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #24212F |
rgb(36,33,47) |
hsl(253,18%,16%) |
| #2D222F |
rgb(45,34,47) |
hsl(291,16%,16%) |
| #2F2128 |
rgb(47,33,40) |
hsl(330,18%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #2D222F |
rgb(45,34,47) |
hsl(291,16%,16%) |
| #251C27 |
rgb(37,28,39) |
hsl(289,16%,13%) |
| #1E171F |
rgb(30,23,31) |
hsl(293,15%,11%) |
| #171218 |
rgb(23,18,24) |
hsl(290,14%,8%) |
| #100D10 |
rgb(16,13,16) |
hsl(300,10%,6%) |
| #090809 |
rgb(9,8,9) |
hsl(300,6%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #2D222F |
rgb(45,34,47) |
hsl(291,16%,16%) |
| #2A2E22 |
rgb(42,46,34) |
hsl(80,15%,16%) |
| #222E26 |
rgb(34,46,38) |
hsl(140,15%,16%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2D222F |
rgb(45,34,47) |
hsl(291,16%,16%) |
| #242E22 |
rgb(36,46,34) |
hsl(110,15%,16%) |
| #26212F |
rgb(38,33,47) |
hsl(261,18%,16%) |
| #222E26 |
rgb(34,46,38) |
hsl(140,15%,16%) |
