HEX #2A232F color — Bastille
The color #2a232f is a dark shade and slightly desaturated.
Palette
2a232f color palette from light to dark
| HEX |
RGB |
HSL |
| #f5f3f6 |
rgb(245,243,246) |
hsl(275,15%,96%) |
| #e9e5eb |
rgb(233,229,235) |
hsl(275,15%,91%) |
| #dcd6e1 |
rgb(220,214,225) |
hsl(275,15%,86%) |
| #d0c7d6 |
rgb(208,199,214) |
hsl(275,15%,81%) |
| #c3b9cb |
rgb(195,185,203) |
hsl(275,15%,76%) |
| #b7aac0 |
rgb(183,170,192) |
hsl(275,15%,71%) |
| #aa9bb5 |
rgb(170,155,181) |
hsl(275,15%,66%) |
| #9e8daa |
rgb(158,141,170) |
hsl(275,15%,61%) |
| #927ea0 |
rgb(146,126,160) |
hsl(275,15%,56%) |
| #856f95 |
rgb(133,111,149) |
hsl(275,15%,51%) |
| #786487 |
rgb(120,100,135) |
hsl(275,15%,46%) |
| #6b5978 |
rgb(107,89,120) |
hsl(275,15%,41%) |
| #5e4e6a |
rgb(94,78,106) |
hsl(275,15%,36%) |
| #51435b |
rgb(81,67,91) |
hsl(275,15%,31%) |
| #44384c |
rgb(68,56,76) |
hsl(275,15%,26%) |
| #372e3e |
rgb(55,46,62) |
hsl(275,15%,21%) |
| #2a232f |
rgb(42,35,47) |
hsl(275,15%,16%) |
| #1d1820 |
rgb(29,24,32) |
hsl(275,15%,11%) |
| #100d12 |
rgb(16,13,18) |
hsl(275,15%,6%) |
| #030203 |
rgb(3,2,3) |
hsl(275,15%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #23242F |
rgb(35,36,47) |
hsl(235,15%,16%) |
| #2A232F |
rgb(42,35,47) |
hsl(275,15%,16%) |
| #2F242C |
rgb(47,36,44) |
hsl(316,13%,16%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #2A232F |
rgb(42,35,47) |
hsl(275,15%,16%) |
| #231F27 |
rgb(35,31,39) |
hsl(270,11%,14%) |
| #1C171F |
rgb(28,23,31) |
hsl(278,15%,11%) |
| #151218 |
rgb(21,18,24) |
hsl(270,14%,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 |
| #2A232F |
rgb(42,35,47) |
hsl(275,15%,16%) |
| #2E2E23 |
rgb(46,46,35) |
hsl(60,14%,16%) |
| #232E24 |
rgb(35,46,36) |
hsl(125,14%,16%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #2A232F |
rgb(42,35,47) |
hsl(275,15%,16%) |
| #282E23 |
rgb(40,46,35) |
hsl(93,14%,16%) |
| #24242F |
rgb(36,36,47) |
hsl(240,13%,16%) |
| #232E24 |
rgb(35,46,36) |
hsl(125,14%,16%) |
