#A2FFAC

#A2FFAC

Color Values

HEX

#A2FFAC

RGB

162, 255, 172

HSL

126.5, 100.0%, 81.8%

HSV

126.5, 36.5%, 100.0%

CMYK

36.5%, 0.0%, 32.5%, 0.0%

OKLCH

0.9213 0.1432 146.8

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#A2FFAC

#FFA2F5

Analogous

#C7FFA2

#A2FFDB

#A2FFAC

Triadic

#A2FFAC

#ACA2FF

#FFACA2

Split Complementary

#A2FFAC

#DBA2FF

#FFA2C7

Tetradic

#A2FFAC

#A2C7FF

#FFA2F5

#FFDBA2

Color Blindness Simulation

Original

#A2FFAC

Protanopia

#CACBC0

Deuteranopia

#C5BEC5

Tritanopia

#A7D0D3

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F1FEF2
100
#DEFCE1
200
#B8FFBF
300
#85FF92
400
#42FF57
500
#00FF1C
600
#00CC16
700
#00A312
800
#00800E
900
#055C0E
950
#033A09

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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