#57463C

#57463C

Color Values

HEX

#57463C

RGB

87, 70, 60

HSL

22.2, 18.4%, 28.8%

HSV

22.2, 31.0%, 34.1%

CMYK

0.0%, 19.5%, 31.0%, 65.9%

OKLCH

0.4089 0.0285 52.1

Properties

Warm Dark Nearest: RAL 8028 Terra Brown

Color Harmonies

Complementary

#57463C

#3C4D57

Analogous

#573C3F

#57533C

#57463C

Triadic

#57463C

#3C5746

#463C57

Split Complementary

#57463C

#3C5753

#3C3F57

Tetradic

#57463C

#3F573C

#3C4D57

#533C57

Color Blindness Simulation

Original

#57463C

Protanopia

#504F3E

Deuteranopia

#51523F

Tritanopia

#564041

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F9F7F6
100
#F0ECEA
200
#E2DAD5
300
#CDBFB7
400
#B29C8F
500
#977968
600
#796153
700
#614E43
800
#4B3D34
900
#382E28
950
#241D1A

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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