#A2EC7F

#A2EC7F

Color Values

HEX

#A2EC7F

RGB

162, 236, 127

HSL

100.7, 74.1%, 71.2%

HSV

100.7, 46.2%, 92.5%

CMYK

31.4%, 0.0%, 46.2%, 7.5%

OKLCH

0.87 0.1598 136.4

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#A2EC7F

#C97FEC

Analogous

#D9EC7F

#7FEC93

#A2EC7F

Triadic

#A2EC7F

#7FA2EC

#EC7FA2

Split Complementary

#A2EC7F

#937FEC

#EC7FD9

Tetradic

#A2EC7F

#7FD9EC

#C97FEC

#EC937F

Color Blindness Simulation

Original

#A2EC7F

Protanopia

#C2C399

Deuteranopia

#BEB8A0

Tritanopia

#A6AEB3

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#E9F8E2
200
#D2F6C1
300
#B2EF94
400
#88E75B
500
#5EDE21
600
#4BB21A
700
#3C8E15
800
#2F6F11
900
#255110
950
#17330A

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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