#ABFEDE

#ABFEDE

Color Values

HEX

#ABFEDE

RGB

171, 254, 222

HSL

156.9, 97.6%, 83.3%

HSV

156.9, 32.7%, 99.6%

CMYK

32.7%, 0.0%, 12.6%, 0.4%

OKLCH

0.935 0.0922 168.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ABFEDE

#FEABCB

Analogous

#ABFEB4

#ABF4FE

#ABFEDE

Triadic

#ABFEDE

#DEABFE

#FEDEAB

Split Complementary

#ABFEDE

#FEABF4

#FEB4AB

Tetradic

#ABFEDE

#B4ABFE

#FEABCB

#F4FEAB

Color Blindness Simulation

Original

#ABFEDE

Protanopia

#CFD0E6

Deuteranopia

#CAC4E8

Tritanopia

#AFECED

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF1
200
#B8FEE3
300
#86FED0
400
#45FDB6
500
#03FC9C
600
#02CA7D
700
#02A164
800
#027E4E
900
#065B3A
950
#043925

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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