#57452B

#57452B

Color Values

HEX

#57452B

RGB

87, 69, 43

HSL

35.5, 33.8%, 25.5%

HSV

35.5, 50.6%, 34.1%

CMYK

0.0%, 20.7%, 50.6%, 65.9%

OKLCH

0.4026 0.0467 76.0

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#57452B

#2B3D57

Analogous

#572F2B

#53572B

#57452B

Triadic

#57452B

#2B5745

#452B57

Split Complementary

#57452B

#2B5357

#2F2B57

Tetradic

#57452B

#2B572F

#2B3D57

#572B53

Color Blindness Simulation

Original

#57452B

Protanopia

#4F4F31

Deuteranopia

#505233

Tritanopia

#563637

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F2EEE8
200
#E7DECF
300
#D6C6AD
400
#C1A681
500
#AB8754
600
#886C44
700
#6D5736
800
#55442A
900
#3F3322
950
#282015

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026