#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026