#57570C

#57570C

Color Values

HEX

#57570C

RGB

87, 87, 12

HSL

60.0, 75.8%, 19.4%

HSV

60.0, 86.2%, 34.1%

CMYK

0.0%, 0.0%, 86.2%, 65.9%

OKLCH

0.4427 0.0908 109.6

Properties

Warm Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#57570C

#0C0C57

Analogous

#57310C

#31570C

#57570C

Triadic

#57570C

#0C5757

#570C57

Split Complementary

#57570C

#0C3157

#310C57

Tetradic

#57570C

#0C5731

#0C0C57

#570C31

Color Blindness Simulation

Original

#57570C

Protanopia

#57571E

Deuteranopia

#575722

Tritanopia

#572C30

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F9F9E2
200
#F6F6C0
300
#F0F093
400
#E8E859
500
#E0E01F
600
#B3B319
700
#8F8F14
800
#70700F
900
#52520F
950
#33330A

Contrast Checker

Text on white

7.57:1

AA Pass AAA Pass

Text on black

2.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026