HEX #3A4550 color — Limed Spruce
The color #3A4550 is a dark shade and slightly desaturated.
Palette
3A4550 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(210,16%,97%) |
#e7ebee |
rgb(231,235,238) |
hsl(210,16%,92%) |
#d9dee3 |
rgb(217,222,227) |
hsl(210,16%,87%) |
#cad1d8 |
rgb(202,209,216) |
hsl(210,16%,82%) |
#bbc4ce |
rgb(187,196,206) |
hsl(210,16%,77%) |
#acb8c3 |
rgb(172,184,195) |
hsl(210,16%,72%) |
#9dabb8 |
rgb(157,171,184) |
hsl(210,16%,67%) |
#8f9eae |
rgb(143,158,174) |
hsl(210,16%,62%) |
#8091a3 |
rgb(128,145,163) |
hsl(210,16%,57%) |
#718598 |
rgb(113,133,152) |
hsl(210,16%,52%) |
#65788b |
rgb(101,120,139) |
hsl(210,16%,47%) |
#5a6b7c |
rgb(90,107,124) |
hsl(210,16%,42%) |
#4f5e6d |
rgb(79,94,109) |
hsl(210,16%,37%) |
#45525f |
rgb(69,82,95) |
hsl(210,16%,32%) |
#3a4550 |
rgb(58,69,80) |
hsl(210,16%,27%) |
#2f3841 |
rgb(47,56,65) |
hsl(210,16%,22%) |
#242b32 |
rgb(36,43,50) |
hsl(210,16%,17%) |
#1a1f23 |
rgb(26,31,35) |
hsl(210,16%,12%) |
#0f1215 |
rgb(15,18,21) |
hsl(210,16%,7%) |
#040506 |
rgb(4,5,6) |
hsl(210,16%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#3A4F4C |
rgb(58,79,76) |
hsl(171,15%,27%) |
#3A4550 |
rgb(58,69,80) |
hsl(210,16%,27%) |
#3D3B50 |
rgb(61,59,80) |
hsl(246,15%,27%) |
Monochromatic colors
HEX |
RGB |
HSL |
#434F5C |
rgb(67,79,92) |
hsl(211,16%,31%) |
#3A4550 |
rgb(58,69,80) |
hsl(210,16%,27%) |
#303B43 |
rgb(48,59,67) |
hsl(205,17%,23%) |
#272E36 |
rgb(39,46,54) |
hsl(212,16%,18%) |
#1E2429 |
rgb(30,36,41) |
hsl(207,15%,14%) |
#141A1C |
rgb(20,26,28) |
hsl(195,17%,9%) |
Triad color palettes
HEX |
RGB |
HSL |
#3A4550 |
rgb(58,69,80) |
hsl(210,16%,27%) |
#503B3A |
rgb(80,59,58) |
hsl(3,16%,27%) |
#504F3A |
rgb(80,79,58) |
hsl(57,16%,27%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3A4550 |
rgb(58,69,80) |
hsl(210,16%,27%) |
#50453A |
rgb(80,69,58) |
hsl(30,16%,27%) |
#3A4F50 |
rgb(58,79,80) |
hsl(183,16%,27%) |
#504F3A |
rgb(80,79,58) |
hsl(57,16%,27%) |