#A2E2AF

#A2E2AF

Color Values

HEX

#A2E2AF

RGB

162, 226, 175

HSL

132.2, 52.5%, 76.1%

HSV

132.2, 28.3%, 88.6%

CMYK

28.3%, 0.0%, 22.6%, 11.4%

OKLCH

0.8562 0.0959 150.3

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#A2E2AF

#E2A2D5

Analogous

#B5E2A2

#A2E2CF

#A2E2AF

Triadic

#A2E2AF

#AFA2E2

#E2AFA2

Split Complementary

#A2E2AF

#CFA2E2

#E2A2B5

Tetradic

#A2E2AF

#A2B5E2

#E2A2D5

#E2CFA2

Color Blindness Simulation

Original

#A2E2AF

Protanopia

#BEBEBB

Deuteranopia

#BAB5BE

Tritanopia

#A5C5C7

Achromatopsia

#D1D1D1

CSS Usage

background-color: #A2E2AF;
color: #A2E2AF;
border-color: #A2E2AF;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FBF5
100
#E5F5E8
200
#C9EED0
300
#A2E2AF
400
#6FD283
500
#3DC258
600
#309C46
700
#277C38
800
#1E612C
900
#1A4723
950
#102D16

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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