#574B43

#574B43

Color Values

HEX

#574B43

RGB

87, 75, 67

HSL

24.0, 13.0%, 30.2%

HSV

24.0, 23.0%, 34.1%

CMYK

0.0%, 13.8%, 23.0%, 65.9%

OKLCH

0.4224 0.0208 55.8

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#574B43

#434F57

Analogous

#574345

#575543

#574B43

Triadic

#574B43

#43574B

#4B4357

Split Complementary

#574B43

#435755

#434557

Tetradic

#574B43

#455743

#434F57

#554357

Color Blindness Simulation

Original

#574B43

Protanopia

#525245

Deuteranopia

#525345

Tritanopia

#564647

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEDEB
200
#E0DAD7
300
#CAC0BA
400
#AD9E94
500
#907C6F
600
#736359
700
#5C4F47
800
#483E37
900
#362F2B
950
#221E1B

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

2.49: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