HEX #27222F color — Bastille
The color #27222f is a dark shade and slightly desaturated.
Palette
27222f color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f3f6 |
rgb(244,243,246) |
hsl(263,16%,96%) |
| #e7e4ec |
rgb(231,228,236) |
hsl(263,16%,91%) |
| #dad6e1 |
rgb(218,214,225) |
hsl(263,16%,86%) |
| #cdc7d6 |
rgb(205,199,214) |
hsl(263,16%,81%) |
| #c0b8cc |
rgb(192,184,204) |
hsl(263,16%,76%) |
| #b2a9c1 |
rgb(178,169,193) |
hsl(263,16%,71%) |
| #a59ab6 |
rgb(165,154,182) |
hsl(263,16%,66%) |
| #988cab |
rgb(152,140,171) |
hsl(263,16%,61%) |
| #8b7da1 |
rgb(139,125,161) |
hsl(263,16%,56%) |
| #7d6e96 |
rgb(125,110,150) |
hsl(263,16%,51%) |
| #716388 |
rgb(113,99,136) |
hsl(263,16%,46%) |
| #655879 |
rgb(101,88,121) |
hsl(263,16%,41%) |
| #584d6a |
rgb(88,77,106) |
hsl(263,16%,36%) |
| #4c425c |
rgb(76,66,92) |
hsl(263,16%,31%) |
| #40384d |
rgb(64,56,77) |
hsl(263,16%,26%) |
| #342d3e |
rgb(52,45,62) |
hsl(263,16%,21%) |
| #27222f |
rgb(39,34,47) |
hsl(263,16%,16%) |
| #1b1821 |
rgb(27,24,33) |
hsl(263,16%,11%) |
| #0f0d12 |
rgb(15,13,18) |
hsl(263,16%,6%) |
| #020203 |
rgb(2,2,3) |
hsl(263,16%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #22262F |
rgb(34,38,47) |
hsl(222,16%,16%) |
| #27222F |
rgb(39,34,47) |
hsl(263,16%,16%) |
| #2F212E |
rgb(47,33,46) |
hsl(304,18%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #27222F |
rgb(39,34,47) |
hsl(263,16%,16%) |
| #201C27 |
rgb(32,28,39) |
hsl(262,16%,13%) |
| #1A171F |
rgb(26,23,31) |
hsl(263,15%,11%) |
| #141218 |
rgb(20,18,24) |
hsl(260,14%,8%) |
| #0E0D10 |
rgb(14,13,16) |
hsl(260,10%,6%) |
| #070809 |
rgb(7,8,9) |
hsl(210,13%,3%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #27222F |
rgb(39,34,47) |
hsl(263,16%,16%) |
| #2F2E22 |
rgb(47,46,34) |
hsl(55,16%,16%) |
| #232E22 |
rgb(35,46,34) |
hsl(115,15%,16%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #27222F |
rgb(39,34,47) |
hsl(263,16%,16%) |
| #2A2E22 |
rgb(42,46,34) |
hsl(80,15%,16%) |
| #22242F |
rgb(34,36,47) |
hsl(231,16%,16%) |
| #232E22 |
rgb(35,46,34) |
hsl(115,15%,16%) |
