#54980C

#54980C

Color Values

HEX

#54980C

RGB

84, 152, 12

HSL

89.1, 85.4%, 32.2%

HSV

89.1, 92.1%, 59.6%

CMYK

44.7%, 0.0%, 92.1%, 40.4%

OKLCH

0.6105 0.1717 134.1

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#54980C

#500C98

Analogous

#98960C

#0E980C

#54980C

Triadic

#54980C

#0C5498

#980C54

Split Complementary

#54980C

#0C0E98

#960C98

Tetradic

#54980C

#0C9896

#500C98

#980C0E

Color Blindness Simulation

Original

#54980C

Protanopia

#71722E

Deuteranopia

#6E6836

Tritanopia

#57494E

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

5.87:1

AA Pass 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