#ABEFD6

#ABEFD6

Color Values

HEX

#ABEFD6

RGB

171, 239, 214

HSL

157.9, 68.0%, 80.4%

HSV

157.9, 28.5%, 93.7%

CMYK

28.5%, 0.0%, 10.5%, 6.3%

OKLCH

0.8999 0.0764 169.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ABEFD6

#EFABC4

Analogous

#ABEFB4

#ABE6EF

#ABEFD6

Triadic

#ABEFD6

#D6ABEF

#EFD6AB

Split Complementary

#ABEFD6

#EFABE6

#EFB4AB

Tetradic

#ABEFD6

#B4ABEF

#EFABC4

#E6EFAB

Color Blindness Simulation

Original

#ABEFD6

Protanopia

#C8C9DC

Deuteranopia

#C4BFDE

Tritanopia

#AEE1E2

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F3FCF9
100
#E3F7F0
200
#C3F4E2
300
#98EBCD
400
#60E1B2
500
#29D696
600
#21AB78
700
#1A8960
800
#146B4B
900
#134E38
950
#0C3124

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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