#57532F

#57532F

Color Values

HEX

#57532F

RGB

87, 83, 47

HSL

54.0, 29.9%, 26.3%

HSV

54.0, 46.0%, 34.1%

CMYK

0.0%, 4.6%, 46.0%, 65.9%

OKLCH

0.4368 0.0538 102.8

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#57532F

#2F3357

Analogous

#573F2F

#47572F

#57532F

Triadic

#57532F

#2F5753

#532F57

Split Complementary

#57532F

#2F4757

#3F2F57

Tetradic

#57532F

#2F573F

#2F3357

#572F47

Color Blindness Simulation

Original

#57532F

Protanopia

#555538

Deuteranopia

#56563A

Tritanopia

#573F40

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E9
200
#E6E4D1
300
#D4D0B0
400
#BDB784
500
#A69E59
600
#847E48
700
#6A6539
800
#534F2D
900
#3D3B23
950
#272516

Contrast Checker

Text on white

7.83:1

AA Pass AAA Pass

Text on black

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