#574D04

#574D04

Color Values

HEX

#574D04

RGB

87, 77, 4

HSL

52.8, 91.2%, 17.8%

HSV

52.8, 95.4%, 34.1%

CMYK

0.0%, 11.5%, 95.4%, 65.9%

OKLCH

0.4175 0.0849 100.5

Properties

Warm Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#574D04

#040E57

Analogous

#572304

#375704

#574D04

Triadic

#574D04

#04574D

#4D0457

Split Complementary

#574D04

#043757

#230457

Tetradic

#574D04

#045723

#040E57

#570437

Color Blindness Simulation

Original

#574D04

Protanopia

#535316

Deuteranopia

#53541A

Tritanopia

#562427

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF8DF
200
#FCF4BB
300
#FAEC8A
400
#F7E24B
500
#F4D80B
600
#C3AD09
700
#9C8A07
800
#7A6C06
900
#584F09
950
#383205

Contrast Checker

Text on white

8.51:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026