#ABFED3

#ABFED3

Color Values

HEX

#ABFED3

RGB

171, 254, 211

HSL

148.9, 97.6%, 83.3%

HSV

148.9, 32.7%, 99.6%

CMYK

32.7%, 0.0%, 16.9%, 0.4%

OKLCH

0.9322 0.1003 161.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ABFED3

#FEABD6

Analogous

#ACFEAB

#ABFEFC

#ABFED3

Triadic

#ABFED3

#D3ABFE

#FED3AB

Split Complementary

#ABFED3

#FCABFE

#FEABAC

Tetradic

#ABFED3

#ABACFE

#FEABD6

#FEFCAB

Color Blindness Simulation

Original

#ABFED3

Protanopia

#CFD0DD

Deuteranopia

#CAC4E0

Tritanopia

#AFE6E7

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCED
200
#B8FEDA
300
#86FEC0
400
#45FD9D
500
#03FC7B
600
#02CA62
700
#02A14F
800
#027E3D
900
#065B2F
950
#04391E

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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