#A2FEA2

#A2FEA2

Color Values

HEX

#A2FEA2

RGB

162, 254, 162

HSL

120.0, 97.9%, 81.6%

HSV

120.0, 36.2%, 99.6%

CMYK

36.2%, 0.0%, 36.2%, 0.4%

OKLCH

0.9171 0.1515 144.2

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#A2FEA2

#FEA2FE

Analogous

#D0FEA2

#A2FED0

#A2FEA2

Triadic

#A2FEA2

#A2A2FE

#FEA2A2

Split Complementary

#A2FEA2

#D0A2FE

#FEA2D0

Tetradic

#A2FEA2

#A2D0FE

#FEA2FE

#FED0A2

Color Blindness Simulation

Original

#A2FEA2

Protanopia

#CACBB8

Deuteranopia

#C4BEBE

Tritanopia

#A7CACE

Achromatopsia

#E4E4E4

CSS Usage

background-color: #A2FEA2;
color: #A2FEA2;
border-color: #A2FEA2;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F1FEF1
100
#DEFCDE
200
#B8FEB8
300
#86FE86
400
#44FD44
500
#03FC03
600
#02CA02
700
#02A102
800
#017E01
900
#065B06
950
#043A04

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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