HEX #3D4157 color — Bright Gray
The color #3d4157 is a dark shade and slightly desaturated.
Palette
3d4157 color palette from light to dark
| HEX |
RGB |
HSL |
| #fcfcfd |
rgb(252,252,253) |
hsl(231,18%,99%) |
| #edeef2 |
rgb(237,238,242) |
hsl(231,18%,94%) |
| #dedfe8 |
rgb(222,223,232) |
hsl(231,18%,89%) |
| #cfd1de |
rgb(207,209,222) |
hsl(231,18%,84%) |
| #c0c3d3 |
rgb(192,195,211) |
hsl(231,18%,79%) |
| #b1b4c9 |
rgb(177,180,201) |
hsl(231,18%,74%) |
| #a2a6be |
rgb(162,166,190) |
hsl(231,18%,69%) |
| #9398b4 |
rgb(147,152,180) |
hsl(231,18%,64%) |
| #8489a9 |
rgb(132,137,169) |
hsl(231,18%,59%) |
| #757b9f |
rgb(117,123,159) |
hsl(231,18%,54%) |
| #666d93 |
rgb(102,109,147) |
hsl(231,18%,49%) |
| #5c6284 |
rgb(92,98,132) |
hsl(231,18%,44%) |
| #525775 |
rgb(82,87,117) |
hsl(231,18%,39%) |
| #474c66 |
rgb(71,76,102) |
hsl(231,18%,34%) |
| #3d4157 |
rgb(61,65,87) |
hsl(231,18%,29%) |
| #323548 |
rgb(50,53,72) |
hsl(231,18%,24%) |
| #282a39 |
rgb(40,42,57) |
hsl(231,18%,19%) |
| #1d1f2a |
rgb(29,31,42) |
hsl(231,18%,14%) |
| #13141b |
rgb(19,20,27) |
hsl(231,18%,9%) |
| #08090c |
rgb(8,9,12) |
hsl(231,18%,4%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #3D5257 |
rgb(61,82,87) |
hsl(192,18%,29%) |
| #3D4157 |
rgb(61,65,87) |
hsl(231,18%,29%) |
| #4A3D57 |
rgb(74,61,87) |
hsl(270,18%,29%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #464D64 |
rgb(70,77,100) |
hsl(226,18%,33%) |
| #3D4157 |
rgb(61,65,87) |
hsl(231,18%,29%) |
| #333649 |
rgb(51,54,73) |
hsl(232,18%,24%) |
| #292B3B |
rgb(41,43,59) |
hsl(233,18%,20%) |
| #1F212D |
rgb(31,33,45) |
hsl(231,18%,15%) |
| #15171F |
rgb(21,23,31) |
hsl(228,19%,10%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #3D4157 |
rgb(61,65,87) |
hsl(231,18%,29%) |
| #57453D |
rgb(87,69,61) |
hsl(18,18%,29%) |
| #4E573D |
rgb(78,87,61) |
hsl(81,18%,29%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #3D4157 |
rgb(61,65,87) |
hsl(231,18%,29%) |
| #57543D |
rgb(87,84,61) |
hsl(53,18%,29%) |
| #3D4F57 |
rgb(61,79,87) |
hsl(198,18%,29%) |
| #4E573D |
rgb(78,87,61) |
hsl(81,18%,29%) |
