HEX #2A212C color — Bastille
The color #2A212C is a dark shade and slightly desaturated.
Palette
2A212C color palette from light to dark
HEX |
RGB |
HSL |
#f3f0f4 |
rgb(243,240,244) |
hsl(289,14%,95%) |
#e8e2e9 |
rgb(232,226,233) |
hsl(289,14%,90%) |
#dcd3de |
rgb(220,211,222) |
hsl(289,14%,85%) |
#d1c5d3 |
rgb(209,197,211) |
hsl(289,14%,80%) |
#c5b6c8 |
rgb(197,182,200) |
hsl(289,14%,75%) |
#b9a8bd |
rgb(185,168,189) |
hsl(289,14%,70%) |
#ae99b2 |
rgb(174,153,178) |
hsl(289,14%,65%) |
#a28ba7 |
rgb(162,139,167) |
hsl(289,14%,60%) |
#967c9c |
rgb(150,124,156) |
hsl(289,14%,55%) |
#8b6e91 |
rgb(139,110,145) |
hsl(289,14%,50%) |
#7d6383 |
rgb(125,99,131) |
hsl(289,14%,45%) |
#6f5874 |
rgb(111,88,116) |
hsl(289,14%,40%) |
#614d66 |
rgb(97,77,102) |
hsl(289,14%,35%) |
#534257 |
rgb(83,66,87) |
hsl(289,14%,30%) |
#453749 |
rgb(69,55,73) |
hsl(289,14%,25%) |
#382c3a |
rgb(56,44,58) |
hsl(289,14%,20%) |
#2a212c |
rgb(42,33,44) |
hsl(289,14%,15%) |
#1c161d |
rgb(28,22,29) |
hsl(289,14%,10%) |
#0e0b0f |
rgb(14,11,15) |
hsl(289,14%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#22212C |
rgb(34,33,44) |
hsl(245,14%,15%) |
#2A212C |
rgb(42,33,44) |
hsl(289,14%,15%) |
#2C2126 |
rgb(44,33,38) |
hsl(333,14%,15%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2A212C |
rgb(42,33,44) |
hsl(289,14%,15%) |
#231C24 |
rgb(35,28,36) |
hsl(293,13%,13%) |
#1C171D |
rgb(28,23,29) |
hsl(290,12%,10%) |
#151216 |
rgb(21,18,22) |
hsl(285,10%,8%) |
#0F0D0F |
rgb(15,13,15) |
hsl(300,7%,5%) |
#080808 |
rgb(8,8,8) |
hsl(0,0%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#2A212C |
rgb(42,33,44) |
hsl(289,14%,15%) |
#282B21 |
rgb(40,43,33) |
hsl(78,13%,15%) |
#212B24 |
rgb(33,43,36) |
hsl(138,13%,15%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2A212C |
rgb(42,33,44) |
hsl(289,14%,15%) |
#232B21 |
rgb(35,43,33) |
hsl(108,13%,15%) |
#24212C |
rgb(36,33,44) |
hsl(256,14%,15%) |
#212B24 |
rgb(33,43,36) |
hsl(138,13%,15%) |