#57423C

#57423C

Color Values

HEX

#57423C

RGB

87, 66, 60

HSL

13.3, 18.4%, 28.8%

HSV

13.3, 31.0%, 34.1%

CMYK

0.0%, 24.1%, 31.0%, 65.9%

OKLCH

0.3999 0.031 36.5

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#57423C

#3C5157

Analogous

#573C43

#574F3C

#57423C

Triadic

#57423C

#3C5742

#423C57

Split Complementary

#57423C

#3C574F

#3C4357

Tetradic

#57423C

#43573C

#3C5157

#4F3C57

Color Blindness Simulation

Original

#57423C

Protanopia

#4E4E3D

Deuteranopia

#4F513E

Tritanopia

#563F3F

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2D8D5
300
#CDBCB7
400
#B2978F
500
#977268
600
#795C53
700
#614943
800
#4B3934
900
#382C28
950
#241C1A

Contrast Checker

Text on white

9.33:1

AA Pass AAA Pass

Text on black

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