#57482C

#57482C

Color Values

HEX

#57482C

RGB

87, 72, 44

HSL

39.1, 32.8%, 25.7%

HSV

39.1, 49.4%, 34.1%

CMYK

0.0%, 17.2%, 49.4%, 65.9%

OKLCH

0.4098 0.047 82.3

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#57482C

#2C3B57

Analogous

#57332C

#51572C

#57482C

Triadic

#57482C

#2C5748

#482C57

Split Complementary

#57482C

#2C5157

#332C57

Tetradic

#57482C

#2C5733

#2C3B57

#572C51

Color Blindness Simulation

Original

#57482C

Protanopia

#515033

Deuteranopia

#515234

Tritanopia

#563839

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7DFD0
300
#D6C8AE
400
#C0AA82
500
#A98C56
600
#877045
700
#6C5A37
800
#55462B
900
#3F3522
950
#282116

Contrast Checker

Text on white

8.87:1

AA Pass AAA Pass

Text on black

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