#574342

#574342

Color Values

HEX

#574342

RGB

87, 67, 66

HSL

2.9, 13.7%, 30.0%

HSV

2.9, 24.1%, 34.1%

CMYK

0.0%, 23.0%, 24.1%, 65.9%

OKLCH

0.4039 0.0278 21.7

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#574342

#425657

Analogous

#57424B

#574E42

#574342

Triadic

#574342

#425743

#434257

Split Complementary

#574342

#42574E

#424B57

Tetradic

#574342

#4B5742

#425657

#4E4257

Color Blindness Simulation

Original

#574342

Protanopia

#4E4E42

Deuteranopia

#505142

Tritanopia

#564242

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F8F7F6
100
#EFEBEB
200
#E0D7D6
300
#CABAB9
400
#AE9594
500
#91706E
600
#745958
700
#5D4846
800
#483837
900
#362B2A
950
#221B1B

Contrast Checker

Text on white

9.18:1

AA Pass AAA Pass

Text on black

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