HEX #3D4452 color — Bright Gray
The color #3d4452 is a dark shade and slightly desaturated.
Palette
3d4452 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(220,15%,98%) |
#eaecf0 |
rgb(234,236,240) |
hsl(220,15%,93%) |
#dcdfe5 |
rgb(220,223,229) |
hsl(220,15%,88%) |
#cdd1da |
rgb(205,209,218) |
hsl(220,15%,83%) |
#bec4cf |
rgb(190,196,207) |
hsl(220,15%,78%) |
#b0b7c4 |
rgb(176,183,196) |
hsl(220,15%,73%) |
#a1a9ba |
rgb(161,169,186) |
hsl(220,15%,68%) |
#929caf |
rgb(146,156,175) |
hsl(220,15%,63%) |
#848fa4 |
rgb(132,143,164) |
hsl(220,15%,58%) |
#758199 |
rgb(117,129,153) |
hsl(220,15%,53%) |
#68748d |
rgb(104,116,141) |
hsl(220,15%,48%) |
#5d687e |
rgb(93,104,126) |
hsl(220,15%,43%) |
#525c6f |
rgb(82,92,111) |
hsl(220,15%,38%) |
#485061 |
rgb(72,80,97) |
hsl(220,15%,33%) |
#3d4452 |
rgb(61,68,82) |
hsl(220,15%,28%) |
#323843 |
rgb(50,56,67) |
hsl(220,15%,23%) |
#272c35 |
rgb(39,44,53) |
hsl(220,15%,18%) |
#1c1f26 |
rgb(28,31,38) |
hsl(220,15%,13%) |
#111317 |
rgb(17,19,23) |
hsl(220,15%,8%) |
#070709 |
rgb(7,7,9) |
hsl(220,15%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D5252 |
rgb(61,82,82) |
hsl(180,15%,28%) |
#3D4452 |
rgb(61,68,82) |
hsl(220,15%,28%) |
#443D52 |
rgb(68,61,82) |
hsl(260,15%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#464F5F |
rgb(70,79,95) |
hsl(218,15%,32%) |
#3D4452 |
rgb(61,68,82) |
hsl(220,15%,28%) |
#333844 |
rgb(51,56,68) |
hsl(222,14%,23%) |
#292E37 |
rgb(41,46,55) |
hsl(219,15%,19%) |
#1F242A |
rgb(31,36,42) |
hsl(213,15%,14%) |
#151A1D |
rgb(21,26,29) |
hsl(203,16%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D4452 |
rgb(61,68,82) |
hsl(220,15%,28%) |
#52403D |
rgb(82,64,61) |
hsl(9,15%,28%) |
#4E523D |
rgb(78,82,61) |
hsl(71,15%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D4452 |
rgb(61,68,82) |
hsl(220,15%,28%) |
#524A3D |
rgb(82,74,61) |
hsl(37,15%,28%) |
#3D4F52 |
rgb(61,79,82) |
hsl(189,15%,28%) |
#4E523D |
rgb(78,82,61) |
hsl(71,15%,28%) |