HEX #2D212E color — Bastille
The color #2D212E is a dark shade and slightly desaturated.
Palette
2D212E color palette from light to dark
HEX |
RGB |
HSL |
#f4f0f4 |
rgb(244,240,244) |
hsl(295,16%,95%) |
#e9e1ea |
rgb(233,225,234) |
hsl(295,16%,90%) |
#ded3df |
rgb(222,211,223) |
hsl(295,16%,85%) |
#d3c4d4 |
rgb(211,196,212) |
hsl(295,16%,80%) |
#c8b5c9 |
rgb(200,181,201) |
hsl(295,16%,75%) |
#bda6bf |
rgb(189,166,191) |
hsl(295,16%,70%) |
#b297b4 |
rgb(178,151,180) |
hsl(295,16%,65%) |
#a789a9 |
rgb(167,137,169) |
hsl(295,16%,60%) |
#9c7a9f |
rgb(156,122,159) |
hsl(295,16%,55%) |
#916b94 |
rgb(145,107,148) |
hsl(295,16%,50%) |
#826085 |
rgb(130,96,133) |
hsl(295,16%,45%) |
#745676 |
rgb(116,86,118) |
hsl(295,16%,40%) |
#654b68 |
rgb(101,75,104) |
hsl(295,16%,35%) |
#574059 |
rgb(87,64,89) |
hsl(295,16%,30%) |
#48364a |
rgb(72,54,74) |
hsl(295,16%,25%) |
#3a2b3b |
rgb(58,43,59) |
hsl(295,16%,20%) |
#2b202c |
rgb(43,32,44) |
hsl(295,16%,15%) |
#1d151e |
rgb(29,21,30) |
hsl(295,16%,10%) |
#0e0b0f |
rgb(14,11,15) |
hsl(295,16%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#24212E |
rgb(36,33,46) |
hsl(254,16%,15%) |
#2D212E |
rgb(45,33,46) |
hsl(295,16%,15%) |
#2E2126 |
rgb(46,33,38) |
hsl(337,16%,15%) |
Monochromatic colors
HEX |
RGB |
HSL |
#2D212E |
rgb(45,33,46) |
hsl(295,16%,15%) |
#251C26 |
rgb(37,28,38) |
hsl(294,15%,13%) |
#1E171F |
rgb(30,23,31) |
hsl(293,15%,11%) |
#171217 |
rgb(23,18,23) |
hsl(300,12%,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 |
#2D212E |
rgb(45,33,46) |
hsl(295,16%,15%) |
#282E21 |
rgb(40,46,33) |
hsl(88,16%,15%) |
#212E26 |
rgb(33,46,38) |
hsl(143,16%,15%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#2D212E |
rgb(45,33,46) |
hsl(295,16%,15%) |
#222E21 |
rgb(34,46,33) |
hsl(115,16%,15%) |
#26212E |
rgb(38,33,46) |
hsl(263,16%,15%) |
#212E26 |
rgb(33,46,38) |
hsl(143,16%,15%) |