HEX #302E3A color — Charade
The color #302E3A is a dark shade and slightly desaturated.
Palette
302E3A color palette from light to dark
HEX |
RGB |
HSL |
#f1f1f4 |
rgb(241,241,244) |
hsl(250,12%,95%) |
#e3e2e9 |
rgb(227,226,233) |
hsl(250,12%,90%) |
#d6d4dd |
rgb(214,212,221) |
hsl(250,12%,85%) |
#c8c6d2 |
rgb(200,198,210) |
hsl(250,12%,80%) |
#bab8c7 |
rgb(186,184,199) |
hsl(250,12%,75%) |
#aca9bc |
rgb(172,169,188) |
hsl(250,12%,70%) |
#9f9bb0 |
rgb(159,155,176) |
hsl(250,12%,65%) |
#918da5 |
rgb(145,141,165) |
hsl(250,12%,60%) |
#837e9a |
rgb(131,126,154) |
hsl(250,12%,55%) |
#75708f |
rgb(117,112,143) |
hsl(250,12%,50%) |
#6a6581 |
rgb(106,101,129) |
hsl(250,12%,45%) |
#5e5a72 |
rgb(94,90,114) |
hsl(250,12%,40%) |
#524f64 |
rgb(82,79,100) |
hsl(250,12%,35%) |
#464356 |
rgb(70,67,86) |
hsl(250,12%,30%) |
#3b3847 |
rgb(59,56,71) |
hsl(250,12%,25%) |
#2f2d39 |
rgb(47,45,57) |
hsl(250,12%,20%) |
#23222b |
rgb(35,34,43) |
hsl(250,12%,15%) |
#17161d |
rgb(23,22,29) |
hsl(250,12%,10%) |
#0c0b0e |
rgb(12,11,14) |
hsl(250,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#2E333A |
rgb(46,51,58) |
hsl(215,12%,20%) |
#302E3A |
rgb(48,46,58) |
hsl(250,12%,20%) |
#382E3A |
rgb(56,46,58) |
hsl(290,12%,20%) |
Monochromatic colors
HEX |
RGB |
HSL |
#373643 |
rgb(55,54,67) |
hsl(245,11%,24%) |
#302E3A |
rgb(48,46,58) |
hsl(250,12%,20%) |
#282630 |
rgb(40,38,48) |
hsl(252,12%,17%) |
#201F27 |
rgb(32,31,39) |
hsl(248,11%,14%) |
#18171E |
rgb(24,23,30) |
hsl(249,13%,10%) |
#110F14 |
rgb(17,15,20) |
hsl(264,14%,7%) |
Triad color palettes
HEX |
RGB |
HSL |
#302E3A |
rgb(48,46,58) |
hsl(250,12%,20%) |
#3A362E |
rgb(58,54,46) |
hsl(40,12%,20%) |
#323B2E |
rgb(50,59,46) |
hsl(102,12%,21%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#302E3A |
rgb(48,46,58) |
hsl(250,12%,20%) |
#383B2E |
rgb(56,59,46) |
hsl(74,12%,21%) |
#2E333A |
rgb(46,51,58) |
hsl(215,12%,20%) |
#323B2E |
rgb(50,59,46) |
hsl(102,12%,21%) |