#57543B

#57543B

Color Values

HEX

#57543B

RGB

87, 84, 59

HSL

53.6, 19.2%, 28.6%

HSV

53.6, 32.2%, 34.1%

CMYK

0.0%, 3.4%, 32.2%, 65.9%

OKLCH

0.4417 0.0387 102.1

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#57543B

#3B3E57

Analogous

#57463B

#4C573B

#57543B

Triadic

#57543B

#3B5754

#543B57

Split Complementary

#57543B

#3B4C57

#463B57

Tetradic

#57543B

#3B5746

#3B3E57

#573B4C

Color Blindness Simulation

Original

#57543B

Protanopia

#565641

Deuteranopia

#565642

Tritanopia

#574647

Achromatopsia

#535353

CSS Usage

background-color: #57543B;
color: #57543B;
border-color: #57543B;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E1D4
300
#CECBB6
400
#B3AF8F
500
#989367
600
#7A7552
700
#615E42
800
#4C4934
900
#393728
950
#242319

Contrast Checker

Text on white

7.67:1

AA Pass AAA Pass

Text on black

2.74:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026