#574B28

#574B28

Color Values

HEX

#574B28

RGB

87, 75, 40

HSL

44.7, 37.0%, 24.9%

HSV

44.7, 54.0%, 34.1%

CMYK

0.0%, 13.8%, 54.0%, 65.9%

OKLCH

0.4162 0.054 91.0

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#574B28

#283457

Analogous

#573428

#4B5728

#574B28

Triadic

#574B28

#28574B

#4B2857

Split Complementary

#574B28

#284B57

#342857

Tetradic

#574B28

#285734

#283457

#57284B

Color Blindness Simulation

Original

#574B28

Protanopia

#525230

Deuteranopia

#525332

Tritanopia

#563739

Achromatopsia

#4B4B4B

CSS Usage

background-color: #574B28;
color: #574B28;
border-color: #574B28;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#FAF9F5
100
#F3F0E8
200
#E9E2CE
300
#D8CDAB
400
#C4B27E
500
#AF9750
600
#8C7840
700
#706033
800
#574B28
900
#413820
950
#292414

Contrast Checker

Text on white

8.6:1

AA Pass AAA Pass

Text on black

2.44:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026