HEX #2A212D color — Bastille
The color #2A212D is a dark shade and slightly desaturated.
Palette
2A212D color palette from light to dark
HEX |
RGB |
HSL |
#f3f0f4 |
rgb(243,240,244) |
hsl(285,15%,95%) |
#e7e2e9 |
rgb(231,226,233) |
hsl(285,15%,90%) |
#dcd3de |
rgb(220,211,222) |
hsl(285,15%,85%) |
#d0c4d4 |
rgb(208,196,212) |
hsl(285,15%,80%) |
#c4b6c9 |
rgb(196,182,201) |
hsl(285,15%,75%) |
#b8a7be |
rgb(184,167,190) |
hsl(285,15%,70%) |
#ac98b3 |
rgb(172,152,179) |
hsl(285,15%,65%) |
#a18aa8 |
rgb(161,138,168) |
hsl(285,15%,60%) |
#957b9d |
rgb(149,123,157) |
hsl(285,15%,55%) |
#896c93 |
rgb(137,108,147) |
hsl(285,15%,50%) |
#7b6284 |
rgb(123,98,132) |
hsl(285,15%,45%) |
#6e5775 |
rgb(110,87,117) |
hsl(285,15%,40%) |
#604c67 |
rgb(96,76,103) |
hsl(285,15%,35%) |
#524158 |
rgb(82,65,88) |
hsl(285,15%,30%) |
#453649 |
rgb(69,54,73) |
hsl(285,15%,25%) |
#372b3b |
rgb(55,43,59) |
hsl(285,15%,20%) |
#29212c |
rgb(41,33,44) |
hsl(285,15%,15%) |
#1b161d |
rgb(27,22,29) |
hsl(285,15%,10%) |
#0e0b0f |
rgb(14,11,15) |
hsl(285,15%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22212D |
rgb(34,33,45) |
hsl(245,15%,15%) |
#2A212D |
rgb(42,33,45) |
hsl(285,15%,15%) |
#2D2128 |
rgb(45,33,40) |
hsl(325,15%,15%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2A212D |
rgb(42,33,45) |
hsl(285,15%,15%) |
#231C25 |
rgb(35,28,37) |
hsl(287,14%,13%) |
#1C171E |
rgb(28,23,30) |
hsl(283,13%,10%) |
#151217 |
rgb(21,18,23) |
hsl(276,12%,8%) |
#0F0D10 |
rgb(15,13,16) |
hsl(280,10%,6%) |
#080809 |
rgb(8,8,9) |
hsl(240,6%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A212D |
rgb(42,33,45) |
hsl(285,15%,15%) |
#2A2E21 |
rgb(42,46,33) |
hsl(78,16%,15%) |
#212E24 |
rgb(33,46,36) |
hsl(134,16%,15%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A212D |
rgb(42,33,45) |
hsl(285,15%,15%) |
#242E21 |
rgb(36,46,33) |
hsl(106,16%,15%) |
#24212D |
rgb(36,33,45) |
hsl(255,15%,15%) |
#212E24 |
rgb(33,46,36) |
hsl(134,16%,15%) |