#ABEFD3

#ABEFD3

Color Values

HEX

#ABEFD3

RGB

171, 239, 211

HSL

155.3, 68.0%, 80.4%

HSV

155.3, 28.5%, 93.7%

CMYK

28.5%, 0.0%, 11.7%, 6.3%

OKLCH

0.8991 0.0784 167.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ABEFD3

#EFABC7

Analogous

#ABEFB1

#ABE9EF

#ABEFD3

Triadic

#ABEFD3

#D3ABEF

#EFD3AB

Split Complementary

#ABEFD3

#EFABE9

#EFB1AB

Tetradic

#ABEFD3

#B1ABEF

#EFABC7

#E9EFAB

Color Blindness Simulation

Original

#ABEFD3

Protanopia

#C8C9DA

Deuteranopia

#C4BFDB

Tritanopia

#AEDFE0

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EF
200
#C3F4E0
300
#98EBC9
400
#60E1AC
500
#29D68F
600
#21AB72
700
#1A895B
800
#146B47
900
#134E36
950
#0C3122

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

16.02:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026