#A2EED1

#A2EED1

Color Values

HEX

#A2EED1

RGB

162, 238, 209

HSL

157.1, 69.1%, 78.4%

HSV

157.1, 31.9%, 93.3%

CMYK

31.9%, 0.0%, 12.2%, 6.7%

OKLCH

0.8914 0.0855 168.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#A2EED1

#EEA2BF

Analogous

#A2EEAB

#A2E5EE

#A2EED1

Triadic

#A2EED1

#D1A2EE

#EED1A2

Split Complementary

#A2EED1

#EEA2E5

#EEABA2

Tetradic

#A2EED1

#ABA2EE

#EEA2BF

#E5EEA2

Color Blindness Simulation

Original

#A2EED1

Protanopia

#C3C4D8

Deuteranopia

#BEB9DA

Tritanopia

#A6DEDF

Achromatopsia

#DCDCDC

CSS Usage

background-color: #A2EED1;
color: #A2EED1;
border-color: #A2EED1;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F3FCF8
100
#E3F8F0
200
#C3F4E1
300
#98ECCC
400
#5FE2B0
500
#27D894
600
#20AC77
700
#198A5F
800
#146C4A
900
#124F38
950
#0C3223

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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