#55A418

#55A418

Color Values

HEX

#55A418

RGB

85, 164, 24

HSL

93.9, 74.5%, 36.9%

HSV

93.9, 85.4%, 64.3%

CMYK

48.2%, 0.0%, 85.4%, 35.7%

OKLCH

0.643 0.1815 135.7

Properties

Cool Light Nearest: NCS S 1060-G20Y Lime

Color Harmonies

Complementary

#55A418

#6718A4

Analogous

#9BA418

#18A421

#55A418

Triadic

#55A418

#1855A4

#A41855

Split Complementary

#55A418

#2118A4

#A4189B

Tetradic

#55A418

#189BA4

#6718A4

#A42118

Color Blindness Simulation

Original

#55A418

Protanopia

#77783A

Deuteranopia

#736D42

Tritanopia

#59555A

Achromatopsia

#898989

CSS Usage

background-color: #55A418;
color: #55A418;
border-color: #55A418;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F6C1
300
#BCEF94
400
#98E75A
500
#73DE21
600
#5CB21A
700
#4A8E15
800
#3A6F10
900
#2C5110
950
#1C330A

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.71:1

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