#574740

#574740

Color Values

HEX

#574740

RGB

87, 71, 64

HSL

18.3, 15.2%, 29.6%

HSV

18.3, 26.4%, 34.1%

CMYK

0.0%, 18.4%, 26.4%, 65.9%

OKLCH

0.4123 0.0248 44.9

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#574740

#405057

Analogous

#574044

#575240

#574740

Triadic

#574740

#405747

#474057

Split Complementary

#574740

#405752

#404457

Tetradic

#574740

#445740

#405057

#524057

Color Blindness Simulation

Original

#574740

Protanopia

#505042

Deuteranopia

#515242

Tritanopia

#564343

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E1D9D6
300
#CBBEB8
400
#AF9B92
500
#93786C
600
#766056
700
#5E4D45
800
#493C36
900
#372E2A
950
#231D1A

Contrast Checker

Text on white

8.82:1

AA Pass AAA Pass

Text on black

2.38:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026