#574343

#574343

Color Values

HEX

#574343

RGB

87, 67, 67

HSL

0.0, 13.0%, 30.2%

HSV

0.0, 23.0%, 34.1%

CMYK

0.0%, 23.0%, 23.0%, 65.9%

OKLCH

0.4042 0.0277 18.4

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#574343

#435757

Analogous

#57434D

#574D43

#574343

Triadic

#574343

#435743

#434357

Split Complementary

#574343

#43574D

#434D57

Tetradic

#574343

#4D5743

#435757

#4D4357

Color Blindness Simulation

Original

#574343

Protanopia

#4E4E43

Deuteranopia

#505143

Tritanopia

#564343

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBEB
200
#E0D7D7
300
#CABABA
400
#AD9494
500
#906F6F
600
#735959
700
#5C4747
800
#483737
900
#362B2B
950
#221B1B

Contrast Checker

Text on white

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