#57551F

#57551F

Color Values

HEX

#57551F

RGB

87, 85, 31

HSL

57.9, 47.5%, 23.1%

HSV

57.9, 64.4%, 34.1%

CMYK

0.0%, 2.3%, 64.4%, 65.9%

OKLCH

0.4393 0.0745 107.1

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#57551F

#1F2157

Analogous

#57391F

#3D571F

#57551F

Triadic

#57551F

#1F5755

#551F57

Split Complementary

#57551F

#1F3D57

#391F57

Tetradic

#57551F

#1F5739

#1F2157

#571F3D

Color Blindness Simulation

Original

#57551F

Protanopia

#56562C

Deuteranopia

#56562F

Tritanopia

#573639

Achromatopsia

#525252

CSS Usage

background-color: #57551F;
color: #57551F;
border-color: #57551F;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#ECEBCA
300
#DFDDA5
400
#CDCA74
500
#BCB843
600
#969336
700
#78762B
800
#5E5C21
900
#45441C
950
#2C2B12

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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