HEX #3A4350 color — Bright Gray
The color #3A4350 is a dark shade and slightly desaturated.
Palette
3A4350 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(215,16%,97%) |
#e7eaee |
rgb(231,234,238) |
hsl(215,16%,92%) |
#d9dde3 |
rgb(217,221,227) |
hsl(215,16%,87%) |
#cad0d8 |
rgb(202,208,216) |
hsl(215,16%,82%) |
#bbc3ce |
rgb(187,195,206) |
hsl(215,16%,77%) |
#acb6c3 |
rgb(172,182,195) |
hsl(215,16%,72%) |
#9da9b8 |
rgb(157,169,184) |
hsl(215,16%,67%) |
#8f9cae |
rgb(143,156,174) |
hsl(215,16%,62%) |
#808ea3 |
rgb(128,142,163) |
hsl(215,16%,57%) |
#718198 |
rgb(113,129,152) |
hsl(215,16%,52%) |
#65758b |
rgb(101,117,139) |
hsl(215,16%,47%) |
#5a687c |
rgb(90,104,124) |
hsl(215,16%,42%) |
#4f5c6d |
rgb(79,92,109) |
hsl(215,16%,37%) |
#454f5f |
rgb(69,79,95) |
hsl(215,16%,32%) |
#3a4350 |
rgb(58,67,80) |
hsl(215,16%,27%) |
#2f3741 |
rgb(47,55,65) |
hsl(215,16%,22%) |
#242a32 |
rgb(36,42,50) |
hsl(215,16%,17%) |
#1a1e23 |
rgb(26,30,35) |
hsl(215,16%,12%) |
#0f1115 |
rgb(15,17,21) |
hsl(215,16%,7%) |
#040506 |
rgb(4,5,6) |
hsl(215,16%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A4F4E |
rgb(58,79,78) |
hsl(177,15%,27%) |
#3A4350 |
rgb(58,67,80) |
hsl(215,16%,27%) |
#3F3B50 |
rgb(63,59,80) |
hsl(251,15%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#434D5C |
rgb(67,77,92) |
hsl(216,16%,31%) |
#3A4350 |
rgb(58,67,80) |
hsl(215,16%,27%) |
#303843 |
rgb(48,56,67) |
hsl(215,17%,23%) |
#272E36 |
rgb(39,46,54) |
hsl(212,16%,18%) |
#1E2429 |
rgb(30,36,41) |
hsl(207,15%,14%) |
#14171C |
rgb(20,23,28) |
hsl(218,17%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4350 |
rgb(58,67,80) |
hsl(215,16%,27%) |
#503D3A |
rgb(80,61,58) |
hsl(8,16%,27%) |
#4E4F3A |
rgb(78,79,58) |
hsl(63,15%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4350 |
rgb(58,67,80) |
hsl(215,16%,27%) |
#50473A |
rgb(80,71,58) |
hsl(35,16%,27%) |
#3A4F50 |
rgb(58,79,80) |
hsl(183,16%,27%) |
#4E4F3A |
rgb(78,79,58) |
hsl(63,15%,27%) |