HEX #3A4047 color — Bright Gray
The color #3A4047 is a dark shade and desaturated.
Palette
3A4047 color palette from light to dark
HEX |
RGB |
HSL |
#f1f2f4 |
rgb(241,242,244) |
hsl(212,10%,95%) |
#e3e5e8 |
rgb(227,229,232) |
hsl(212,10%,90%) |
#d5d8dd |
rgb(213,216,221) |
hsl(212,10%,85%) |
#c7ccd1 |
rgb(199,204,209) |
hsl(212,10%,80%) |
#b9bfc6 |
rgb(185,191,198) |
hsl(212,10%,75%) |
#abb2ba |
rgb(171,178,186) |
hsl(212,10%,70%) |
#9da5af |
rgb(157,165,175) |
hsl(212,10%,65%) |
#8f98a3 |
rgb(143,152,163) |
hsl(212,10%,60%) |
#818b98 |
rgb(129,139,152) |
hsl(212,10%,55%) |
#737f8c |
rgb(115,127,140) |
hsl(212,10%,50%) |
#67727e |
rgb(103,114,126) |
hsl(212,10%,45%) |
#5c6570 |
rgb(92,101,112) |
hsl(212,10%,40%) |
#505962 |
rgb(80,89,98) |
hsl(212,10%,35%) |
#454c54 |
rgb(69,76,84) |
hsl(212,10%,30%) |
#393f46 |
rgb(57,63,70) |
hsl(212,10%,25%) |
#2e3338 |
rgb(46,51,56) |
hsl(212,10%,20%) |
#22262a |
rgb(34,38,42) |
hsl(212,10%,15%) |
#17191c |
rgb(23,25,28) |
hsl(212,10%,10%) |
#0b0d0e |
rgb(11,13,14) |
hsl(212,10%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A4745 |
rgb(58,71,69) |
hsl(171,10%,25%) |
#3A4047 |
rgb(58,64,71) |
hsl(212,10%,25%) |
#3C3B47 |
rgb(60,59,71) |
hsl(245,9%,25%) |
Monochromatic colors
HEX |
RGB |
HSL |
#434A52 |
rgb(67,74,82) |
hsl(212,10%,29%) |
#3A4047 |
rgb(58,64,71) |
hsl(212,10%,25%) |
#30363B |
rgb(48,54,59) |
hsl(207,10%,21%) |
#272B30 |
rgb(39,43,48) |
hsl(213,10%,17%) |
#1E2124 |
rgb(30,33,36) |
hsl(210,9%,13%) |
#141719 |
rgb(20,23,25) |
hsl(204,11%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4047 |
rgb(58,64,71) |
hsl(212,10%,25%) |
#473B3A |
rgb(71,59,58) |
hsl(5,10%,25%) |
#46473A |
rgb(70,71,58) |
hsl(65,10%,25%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4047 |
rgb(58,64,71) |
hsl(212,10%,25%) |
#47403A |
rgb(71,64,58) |
hsl(28,10%,25%) |
#3A4747 |
rgb(58,71,71) |
hsl(180,10%,25%) |
#46473A |
rgb(70,71,58) |
hsl(65,10%,25%) |