#A4EC74

#A4EC74

Color Values

HEX

#A4EC74

RGB

164, 236, 116

HSL

96.0, 75.9%, 69.0%

HSV

96.0, 50.8%, 92.5%

CMYK

30.5%, 0.0%, 50.8%, 7.5%

OKLCH

0.8696 0.1691 134.3

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#A4EC74

#BC74EC

Analogous

#E0EC74

#74EC80

#A4EC74

Triadic

#A4EC74

#74A4EC

#EC74A4

Split Complementary

#A4EC74

#8074EC

#EC74E0

Tetradic

#A4EC74

#74E0EC

#BC74EC

#EC8074

Color Blindness Simulation

Original

#A4EC74

Protanopia

#C3C491

Deuteranopia

#BFBA98

Tritanopia

#A8A8AD

Achromatopsia

#D4D4D4

CSS Usage

background-color: #A4EC74;
color: #A4EC74;
border-color: #A4EC74;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F6FCF2
100
#EBF9E2
200
#D6F6C0
300
#B9F093
400
#92E859
500
#6CE01F
600
#57B319
700
#459014
800
#36700F
900
#2A520F
950
#1A340A

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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