#A2C804

#A2C804

Color Values

HEX

#A2C804

RGB

162, 200, 4

HSL

71.6, 96.1%, 40.0%

HSV

71.6, 98.0%, 78.4%

CMYK

19.0%, 0.0%, 98.0%, 21.6%

OKLCH

0.7769 0.1886 122.4

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#A2C804

#2A04C8

Analogous

#C88C04

#40C804

#A2C804

Triadic

#A2C804

#04A2C8

#C804A2

Split Complementary

#A2C804

#0440C8

#8C04C8

Tetradic

#A2C804

#04C88C

#2A04C8

#C80440

Color Blindness Simulation

Original

#A2C804

Protanopia

#B2B333

Deuteranopia

#B0AD3F

Tritanopia

#A45961

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FBFEF1
100
#F6FCDF
200
#F0FEB9
300
#E6FD87
400
#D8FB46
500
#CBFA05
600
#A2C804
700
#82A003
800
#657D02
900
#4A5A07
950
#2F3904

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.8: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