HEX #1F1A22 color — Bastille
The color #1F1A22 is a dark shade and slightly desaturated.
Palette
1F1A22 color palette from light to dark
| HEX |
RGB |
HSL |
| #f8f6f8 |
rgb(248,246,248) |
hsl(278,13%,97%) |
| #ebe8ed |
rgb(235,232,237) |
hsl(278,13%,92%) |
| #dfdae2 |
rgb(223,218,226) |
hsl(278,13%,87%) |
| #d3cbd7 |
rgb(211,203,215) |
hsl(278,13%,82%) |
| #c6bdcc |
rgb(198,189,204) |
hsl(278,13%,77%) |
| #baaec1 |
rgb(186,174,193) |
hsl(278,13%,72%) |
| #aea0b6 |
rgb(174,160,182) |
hsl(278,13%,67%) |
| #a192ab |
rgb(161,146,171) |
hsl(278,13%,62%) |
| #9583a0 |
rgb(149,131,160) |
hsl(278,13%,57%) |
| #897595 |
rgb(137,117,149) |
hsl(278,13%,52%) |
| #7c6887 |
rgb(124,104,135) |
hsl(278,13%,47%) |
| #6f5d79 |
rgb(111,93,121) |
hsl(278,13%,42%) |
| #62526b |
rgb(98,82,107) |
hsl(278,13%,37%) |
| #54475c |
rgb(84,71,92) |
hsl(278,13%,32%) |
| #473c4e |
rgb(71,60,78) |
hsl(278,13%,27%) |
| #3a313f |
rgb(58,49,63) |
hsl(278,13%,22%) |
| #2d2631 |
rgb(45,38,49) |
hsl(278,13%,17%) |
| #201b23 |
rgb(32,27,35) |
hsl(278,13%,12%) |
| #121014 |
rgb(18,16,20) |
hsl(278,13%,7%) |
| #050406 |
rgb(5,4,6) |
hsl(278,13%,2%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #1A1A22 |
rgb(26,26,34) |
hsl(240,13%,12%) |
| #1F1A22 |
rgb(31,26,34) |
hsl(278,13%,12%) |
| #221A1F |
rgb(34,26,31) |
hsl(323,13%,12%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #1F1A22 |
rgb(31,26,34) |
hsl(278,13%,12%) |
| #1A171C |
rgb(26,23,28) |
hsl(276,10%,10%) |
| #151217 |
rgb(21,18,23) |
hsl(276,12%,8%) |
| #100D11 |
rgb(16,13,17) |
hsl(285,13%,6%) |
| #0B0A0C |
rgb(11,10,12) |
hsl(270,9%,4%) |
| #060506 |
rgb(6,5,6) |
hsl(300,9%,2%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #1F1A22 |
rgb(31,26,34) |
hsl(278,13%,12%) |
| #21211A |
rgb(33,33,26) |
hsl(60,12%,12%) |
| #1A211B |
rgb(26,33,27) |
hsl(129,12%,12%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #1F1A22 |
rgb(31,26,34) |
hsl(278,13%,12%) |
| #1D211A |
rgb(29,33,26) |
hsl(94,12%,12%) |
| #1B1A22 |
rgb(27,26,34) |
hsl(248,13%,12%) |
| #1A211B |
rgb(26,33,27) |
hsl(129,12%,12%) |
