#57551C

#57551C

Color Values

HEX

#57551C

RGB

87, 85, 28

HSL

58.0, 51.3%, 22.5%

HSV

58.0, 67.8%, 34.1%

CMYK

0.0%, 2.3%, 67.8%, 65.9%

OKLCH

0.439 0.0773 107.3

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#57551C

#1C1E57

Analogous

#57371C

#3B571C

#57551C

Triadic

#57551C

#1C5755

#551C57

Split Complementary

#57551C

#1C3B57

#371C57

Tetradic

#57551C

#1C5737

#1C1E57

#571C3B

Color Blindness Simulation

Original

#57551C

Protanopia

#56562A

Deuteranopia

#56562D

Tritanopia

#573537

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EEECC9
300
#E1DFA2
400
#D1CE70
500
#C1BD3E
600
#9A9732
700
#7B7928
800
#605E1F
900
#47451A
950
#2D2C10

Contrast Checker

Text on white

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