HEX #3D424E color — Bright Gray
The color #3D424E is a dark shade and slightly desaturated.
Palette
3D424E color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f8 |
rgb(246,247,248) |
hsl(222,12%,97%) |
#e8eaed |
rgb(232,234,237) |
hsl(222,12%,92%) |
#dadce2 |
rgb(218,220,226) |
hsl(222,12%,87%) |
#cccfd7 |
rgb(204,207,215) |
hsl(222,12%,82%) |
#bdc2cb |
rgb(189,194,203) |
hsl(222,12%,77%) |
#afb4c0 |
rgb(175,180,192) |
hsl(222,12%,72%) |
#a1a7b5 |
rgb(161,167,181) |
hsl(222,12%,67%) |
#9299aa |
rgb(146,153,170) |
hsl(222,12%,62%) |
#848c9f |
rgb(132,140,159) |
hsl(222,12%,57%) |
#767f93 |
rgb(118,127,147) |
hsl(222,12%,52%) |
#697286 |
rgb(105,114,134) |
hsl(222,12%,47%) |
#5e6678 |
rgb(94,102,120) |
hsl(222,12%,42%) |
#535a6a |
rgb(83,90,106) |
hsl(222,12%,37%) |
#484e5b |
rgb(72,78,91) |
hsl(222,12%,32%) |
#3d424d |
rgb(61,66,77) |
hsl(222,12%,27%) |
#31353f |
rgb(49,53,63) |
hsl(222,12%,22%) |
#262931 |
rgb(38,41,49) |
hsl(222,12%,17%) |
#1b1d22 |
rgb(27,29,34) |
hsl(222,12%,12%) |
#101114 |
rgb(16,17,20) |
hsl(222,12%,7%) |
#040506 |
rgb(4,5,6) |
hsl(222,12%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D4D4E |
rgb(61,77,78) |
hsl(184,12%,27%) |
#3D424E |
rgb(61,66,78) |
hsl(222,12%,27%) |
#433D4E |
rgb(67,61,78) |
hsl(261,12%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#464D5A |
rgb(70,77,90) |
hsl(219,13%,31%) |
#3D424E |
rgb(61,66,78) |
hsl(222,12%,27%) |
#333841 |
rgb(51,56,65) |
hsl(219,12%,23%) |
#292E35 |
rgb(41,46,53) |
hsl(215,13%,18%) |
#1F2128 |
rgb(31,33,40) |
hsl(227,13%,14%) |
#15171C |
rgb(21,23,28) |
hsl(223,14%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D424E |
rgb(61,66,78) |
hsl(222,12%,27%) |
#4E403D |
rgb(78,64,61) |
hsl(11,12%,27%) |
#4A4F3D |
rgb(74,79,61) |
hsl(77,13%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D424E |
rgb(61,66,78) |
hsl(222,12%,27%) |
#4E4A3D |
rgb(78,74,61) |
hsl(46,12%,27%) |
#3D4A4E |
rgb(61,74,78) |
hsl(194,12%,27%) |
#4A4F3D |
rgb(74,79,61) |
hsl(77,13%,27%) |