#57550C

#57550C

Color Values

HEX

#57550C

RGB

87, 85, 12

HSL

58.4, 75.8%, 19.4%

HSV

58.4, 86.2%, 34.1%

CMYK

0.0%, 2.3%, 86.2%, 65.9%

OKLCH

0.4377 0.0887 107.9

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#57550C

#0C0E57

Analogous

#572F0C

#33570C

#57550C

Triadic

#57550C

#0C5755

#550C57

Split Complementary

#57550C

#0C3357

#2F0C57

Tetradic

#57550C

#0C572F

#0C0E57

#570C33

Color Blindness Simulation

Original

#57550C

Protanopia

#56561E

Deuteranopia

#565622

Tritanopia

#572C2F

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F8E2
200
#F6F5C0
300
#F0EE93
400
#E8E459
500
#E0DB1F
600
#B3AF19
700
#8F8C14
800
#706D0F
900
#52500F
950
#33320A

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

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