#57533A

#57533A

Color Values

HEX

#57533A

RGB

87, 83, 58

HSL

51.7, 20.0%, 28.4%

HSV

51.7, 33.3%, 34.1%

CMYK

0.0%, 4.6%, 33.3%, 65.9%

OKLCH

0.439 0.0388 100.1

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#57533A

#3A3E57

Analogous

#57443A

#4C573A

#57533A

Triadic

#57533A

#3A5753

#533A57

Split Complementary

#57533A

#3A4C57

#443A57

Tetradic

#57533A

#3A5744

#3A3E57

#573A4C

Color Blindness Simulation

Original

#57533A

Protanopia

#555540

Deuteranopia

#565642

Tritanopia

#574546

Achromatopsia

#525252

CSS Usage

background-color: #57533A;
color: #57533A;
border-color: #57533A;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F8F6
100
#F0EFEA
200
#E2E0D4
300
#CECBB6
400
#B4AE8E
500
#999266
600
#7A7552
700
#625D41
800
#4D4933
900
#393728
950
#242319

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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