#575100

#575100

Color Values

HEX

#575100

RGB

87, 81, 0

HSL

55.9, 100.0%, 17.1%

HSV

55.9, 100.0%, 34.1%

CMYK

0.0%, 6.9%, 100.0%, 65.9%

OKLCH

0.4271 0.0905 104.7

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#575100

#000657

Analogous

#572600

#325700

#575100

Triadic

#575100

#005751

#510057

Split Complementary

#575100

#003257

#260057

Tetradic

#575100

#005726

#000657

#570032

Color Blindness Simulation

Original

#575100

Protanopia

#545414

Deuteranopia

#555518

Tritanopia

#572326

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFFAB8
300
#FFF785
400
#FFF242
500
#FFEE00
600
#CCBE00
700
#A39800
800
#807700
900
#5C5605
950
#3A3603

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

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