#574642

#574642

Color Values

HEX

#574642

RGB

87, 70, 66

HSL

11.4, 13.7%, 30.0%

HSV

11.4, 24.1%, 34.1%

CMYK

0.0%, 19.5%, 24.1%, 65.9%

OKLCH

0.4106 0.0244 33.5

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#574642

#425357

Analogous

#574249

#575042

#574642

Triadic

#574642

#425746

#464257

Split Complementary

#574642

#425750

#424957

Tetradic

#574642

#495742

#425357

#504257

Color Blindness Simulation

Original

#574642

Protanopia

#504F43

Deuteranopia

#515243

Tritanopia

#564444

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFECEB
200
#E0D8D6
300
#CABDB9
400
#AE9994
500
#91756E
600
#745D58
700
#5D4B46
800
#483A37
900
#362D2A
950
#221C1B

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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