HEX #5A7364 color — Corduroy
The color #5A7364 is a dark shade and slightly desaturated.
Palette
5A7364 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4f2 |
rgb(241,244,242) |
hsl(144,12%,95%) |
#e2e9e5 |
rgb(226,233,229) |
hsl(144,12%,90%) |
#d4ddd8 |
rgb(212,221,216) |
hsl(144,12%,85%) |
#c6d2cb |
rgb(198,210,203) |
hsl(144,12%,80%) |
#b8c7be |
rgb(184,199,190) |
hsl(144,12%,75%) |
#a9bcb1 |
rgb(169,188,177) |
hsl(144,12%,70%) |
#9bb0a4 |
rgb(155,176,164) |
hsl(144,12%,65%) |
#8da597 |
rgb(141,165,151) |
hsl(144,12%,60%) |
#7e9a89 |
rgb(126,154,137) |
hsl(144,12%,55%) |
#708f7c |
rgb(112,143,124) |
hsl(144,12%,50%) |
#658170 |
rgb(101,129,112) |
hsl(144,12%,45%) |
#5a7264 |
rgb(90,114,100) |
hsl(144,12%,40%) |
#4f6457 |
rgb(79,100,87) |
hsl(144,12%,35%) |
#43564b |
rgb(67,86,75) |
hsl(144,12%,30%) |
#38473e |
rgb(56,71,62) |
hsl(144,12%,25%) |
#2d3932 |
rgb(45,57,50) |
hsl(144,12%,20%) |
#222b25 |
rgb(34,43,37) |
hsl(144,12%,15%) |
#161d19 |
rgb(22,29,25) |
hsl(144,12%,10%) |
#0b0e0c |
rgb(11,14,12) |
hsl(144,12%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#60735A |
rgb(96,115,90) |
hsl(106,12%,40%) |
#5A7364 |
rgb(90,115,100) |
hsl(144,12%,40%) |
#5A7073 |
rgb(90,112,115) |
hsl(187,12%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#789684 |
rgb(120,150,132) |
hsl(144,13%,53%) |
#688574 |
rgb(104,133,116) |
hsl(145,12%,46%) |
#5A7364 |
rgb(90,115,100) |
hsl(144,12%,40%) |
#4B6154 |
rgb(75,97,84) |
hsl(145,13%,34%) |
#3D4F44 |
rgb(61,79,68) |
hsl(143,13%,27%) |
#2E3B34 |
rgb(46,59,52) |
hsl(148,12%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A7364 |
rgb(90,115,100) |
hsl(144,12%,40%) |
#705973 |
rgb(112,89,115) |
hsl(293,13%,40%) |
#73595C |
rgb(115,89,92) |
hsl(353,13%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A7364 |
rgb(90,115,100) |
hsl(144,12%,40%) |
#735969 |
rgb(115,89,105) |
hsl(323,13%,40%) |
#5C735A |
rgb(92,115,90) |
hsl(115,12%,40%) |
#73595C |
rgb(115,89,92) |
hsl(353,13%,40%) |