HEX #5A7063 color — Corduroy
The color #5A7063 is a dark shade and slightly desaturated.
Palette
5A7063 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f2 |
rgb(241,244,242) |
hsl(145,11%,95%) |
#e3e8e5 |
rgb(227,232,229) |
hsl(145,11%,90%) |
#d5ddd8 |
rgb(213,221,216) |
hsl(145,11%,85%) |
#c6d2cb |
rgb(198,210,203) |
hsl(145,11%,80%) |
#b8c6be |
rgb(184,198,190) |
hsl(145,11%,75%) |
#aabbb1 |
rgb(170,187,177) |
hsl(145,11%,70%) |
#9cb0a4 |
rgb(156,176,164) |
hsl(145,11%,65%) |
#8ea497 |
rgb(142,164,151) |
hsl(145,11%,60%) |
#80998a |
rgb(128,153,138) |
hsl(145,11%,55%) |
#718e7d |
rgb(113,142,125) |
hsl(145,11%,50%) |
#667f71 |
rgb(102,127,113) |
hsl(145,11%,45%) |
#5b7164 |
rgb(91,113,100) |
hsl(145,11%,40%) |
#4f6358 |
rgb(79,99,88) |
hsl(145,11%,35%) |
#44554b |
rgb(68,85,75) |
hsl(145,11%,30%) |
#39473f |
rgb(57,71,63) |
hsl(145,11%,25%) |
#2d3932 |
rgb(45,57,50) |
hsl(145,11%,20%) |
#222a26 |
rgb(34,42,38) |
hsl(145,11%,15%) |
#171c19 |
rgb(23,28,25) |
hsl(145,11%,10%) |
#0b0e0d |
rgb(11,14,13) |
hsl(145,11%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5F705A |
rgb(95,112,90) |
hsl(106,11%,40%) |
#5A7063 |
rgb(90,112,99) |
hsl(145,11%,40%) |
#5A6E70 |
rgb(90,110,112) |
hsl(185,11%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#688272 |
rgb(104,130,114) |
hsl(143,11%,46%) |
#5A7063 |
rgb(90,112,99) |
hsl(145,11%,40%) |
#4B5E53 |
rgb(75,94,83) |
hsl(145,11%,33%) |
#3D4D43 |
rgb(61,77,67) |
hsl(143,12%,27%) |
#2E3B33 |
rgb(46,59,51) |
hsl(143,12%,21%) |
#202923 |
rgb(32,41,35) |
hsl(140,12%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7063 |
rgb(90,112,99) |
hsl(145,11%,40%) |
#6E5970 |
rgb(110,89,112) |
hsl(295,11%,39%) |
#70595C |
rgb(112,89,92) |
hsl(352,11%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7063 |
rgb(90,112,99) |
hsl(145,11%,40%) |
#705967 |
rgb(112,89,103) |
hsl(323,11%,39%) |
#5C705A |
rgb(92,112,90) |
hsl(115,11%,40%) |
#70595C |
rgb(112,89,92) |
hsl(352,11%,39%) |