#574030

#574030

Color Values

HEX

#574030

RGB

87, 64, 48

HSL

24.6, 28.9%, 26.5%

HSV

24.6, 44.8%, 34.1%

CMYK

0.0%, 26.4%, 44.8%, 65.9%

OKLCH

0.3923 0.0412 56.0

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#574030

#304757

Analogous

#573034

#575430

#574030

Triadic

#574030

#305740

#403057

Split Complementary

#574030

#305754

#303457

Tetradic

#574030

#345730

#304757

#543057

Color Blindness Simulation

Original

#574030

Protanopia

#4D4D34

Deuteranopia

#4E5035

Tritanopia

#563738

Achromatopsia

#444444

CSS Usage

background-color: #574030;
color: #574030;
border-color: #574030;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F7F5
100
#F2ECE9
200
#E6D9D1
300
#D3BFB0
400
#BC9C85
500
#A4795B
600
#836149
700
#694D3A
800
#523C2D
900
#3D2E24
950
#271D17

Contrast Checker

Text on white

9.63:1

AA Pass AAA Pass

Text on black

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