HEX #24202D color — Bastille
The color #24202d is a dark shade and slightly desaturated.
Palette
24202d color palette from light to dark
HEX |
RGB |
HSL |
#f1f0f4 |
rgb(241,240,244) |
hsl(258,17%,95%) |
#e4e1ea |
rgb(228,225,234) |
hsl(258,17%,90%) |
#d6d2df |
rgb(214,210,223) |
hsl(258,17%,85%) |
#c9c3d5 |
rgb(201,195,213) |
hsl(258,17%,80%) |
#bbb4ca |
rgb(187,180,202) |
hsl(258,17%,75%) |
#ada5c0 |
rgb(173,165,192) |
hsl(258,17%,70%) |
#a097b5 |
rgb(160,151,181) |
hsl(258,17%,65%) |
#9288aa |
rgb(146,136,170) |
hsl(258,17%,60%) |
#8479a0 |
rgb(132,121,160) |
hsl(258,17%,55%) |
#776a95 |
rgb(119,106,149) |
hsl(258,17%,50%) |
#6b5f86 |
rgb(107,95,134) |
hsl(258,17%,45%) |
#5f5577 |
rgb(95,85,119) |
hsl(258,17%,40%) |
#534a68 |
rgb(83,74,104) |
hsl(258,17%,35%) |
#473f5a |
rgb(71,63,90) |
hsl(258,17%,30%) |
#3b354b |
rgb(59,53,75) |
hsl(258,17%,25%) |
#302a3c |
rgb(48,42,60) |
hsl(258,17%,20%) |
#24202d |
rgb(36,32,45) |
hsl(258,17%,15%) |
#18151e |
rgb(24,21,30) |
hsl(258,17%,10%) |
#0c0b0f |
rgb(12,11,15) |
hsl(258,17%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#20242D |
rgb(32,36,45) |
hsl(222,17%,15%) |
#24202D |
rgb(36,32,45) |
hsl(258,17%,15%) |
#2C212D |
rgb(44,33,45) |
hsl(295,15%,15%) |
Monochromatic colors
HEX |
RGB |
HSL |
#24202D |
rgb(36,32,45) |
hsl(258,17%,15%) |
#1E1C25 |
rgb(30,28,37) |
hsl(253,14%,13%) |
#18171E |
rgb(24,23,30) |
hsl(249,13%,10%) |
#121217 |
rgb(18,18,23) |
hsl(240,12%,8%) |
#0C0D10 |
rgb(12,13,16) |
hsl(225,14%,5%) |
#070809 |
rgb(7,8,9) |
hsl(210,13%,3%) |
Triad color palettes
HEX |
RGB |
HSL |
#24202D |
rgb(36,32,45) |
hsl(258,17%,15%) |
#2D2B20 |
rgb(45,43,32) |
hsl(51,17%,15%) |
#222E20 |
rgb(34,46,32) |
hsl(111,18%,15%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#24202D |
rgb(36,32,45) |
hsl(258,17%,15%) |
#292E20 |
rgb(41,46,32) |
hsl(81,18%,15%) |
#20242D |
rgb(32,36,45) |
hsl(222,17%,15%) |
#222E20 |
rgb(34,46,32) |
hsl(111,18%,15%) |