#54970C

#54970C

Color Values

HEX

#54970C

RGB

84, 151, 12

HSL

88.9, 85.3%, 32.0%

HSV

88.9, 92.1%, 59.2%

CMYK

44.4%, 0.0%, 92.1%, 40.8%

OKLCH

0.6079 0.1705 134.0

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#54970C

#4F0C97

Analogous

#97950C

#0F970C

#54970C

Triadic

#54970C

#0C5497

#970C54

Split Complementary

#54970C

#0C0F97

#950C97

Tetradic

#54970C

#0C9795

#4F0C97

#970C0F

Color Blindness Simulation

Original

#54970C

Protanopia

#71722E

Deuteranopia

#6D6836

Tritanopia

#57484E

Achromatopsia

#7F7F7F

CSS Usage

background-color: #54970C;
color: #54970C;
border-color: #54970C;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DCFABD
300
#C4F68E
400
#A4F150
500
#83EC13
600
#69BD0F
700
#54970C
800
#427609
900
#32560B
950
#1F3607

Contrast Checker

Text on white

3.62:1

AA Fail AAA Fail

Text on black

5.81:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026