#574B2D

#574B2D

Color Values

HEX

#574B2D

RGB

87, 75, 45

HSL

42.9, 31.8%, 25.9%

HSV

42.9, 48.3%, 34.1%

CMYK

0.0%, 13.8%, 48.3%, 65.9%

OKLCH

0.4171 0.0479 88.5

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#574B2D

#2D3957

Analogous

#57362D

#4E572D

#574B2D

Triadic

#574B2D

#2D574B

#4B2D57

Split Complementary

#574B2D

#2D4E57

#362D57

Tetradic

#574B2D

#2D5736

#2D3957

#572D4E

Color Blindness Simulation

Original

#574B2D

Protanopia

#525234

Deuteranopia

#525336

Tritanopia

#563A3B

Achromatopsia

#4B4B4B

CSS Usage

background-color: #574B2D;
color: #574B2D;
border-color: #574B2D;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F5
100
#F2EFE8
200
#E7E0D0
300
#D5CAAE
400
#BFAE83
500
#A89157
600
#867446
700
#6C5D38
800
#54482B
900
#3E3623
950
#272216

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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