#5ACA02

#5ACA02

Color Values

HEX

#5ACA02

RGB

90, 202, 2

HSL

93.6, 98.0%, 40.0%

HSV

93.6, 99.0%, 79.2%

CMYK

55.4%, 0.0%, 99.0%, 20.8%

OKLCH

0.7434 0.226 137.3

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#5ACA02

#7202CA

Analogous

#BECA02

#02CA0E

#5ACA02

Triadic

#5ACA02

#025ACA

#CA025A

Split Complementary

#5ACA02

#0E02CA

#CA02BE

Tetradic

#5ACA02

#02BECA

#7202CA

#CA0E02

Color Blindness Simulation

Original

#5ACA02

Protanopia

#8B8B32

Deuteranopia

#847C3E

Tritanopia

#605961

Achromatopsia

#A4A4A4

CSS Usage

background-color: #5ACA02;
color: #5ACA02;
border-color: #5ACA02;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FEF1
100
#EBFCDE
200
#D7FEB8
300
#BBFE86
400
#96FD44
500
#71FC03
600
#5ACA02
700
#48A202
800
#387E01
900
#2B5B06
950
#1B3A04

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.88:1

AA Pass AAA Pass

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