#A2E8CD

#A2E8CD

Color Values

HEX

#A2E8CD

RGB

162, 232, 205

HSL

156.9, 60.3%, 77.3%

HSV

156.9, 30.2%, 91.0%

CMYK

30.2%, 0.0%, 11.6%, 9.0%

OKLCH

0.877 0.0796 168.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#A2E8CD

#E8A2BD

Analogous

#A2E8AA

#A2E0E8

#A2E8CD

Triadic

#A2E8CD

#CDA2E8

#E8CDA2

Split Complementary

#A2E8CD

#E8A2E0

#E8AAA2

Tetradic

#A2E8CD

#AAA2E8

#E8A2BD

#E0E8A2

Color Blindness Simulation

Original

#A2E8CD

Protanopia

#C0C1D4

Deuteranopia

#BCB7D5

Tritanopia

#A6D9DA

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E4F6EF
200
#C6F1E0
300
#9DE7CA
400
#68DAAE
500
#33CC91
600
#28A474
700
#20835D
800
#196649
900
#164B36
950
#0E2F22

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

14.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026