#ABFEDD

#ABFEDD

Color Values

HEX

#ABFEDD

RGB

171, 254, 221

HSL

156.1, 97.6%, 83.3%

HSV

156.1, 32.7%, 99.6%

CMYK

32.7%, 0.0%, 13.0%, 0.4%

OKLCH

0.9347 0.0929 167.5

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ABFEDD

#FEABCC

Analogous

#ABFEB3

#ABF6FE

#ABFEDD

Triadic

#ABFEDD

#DDABFE

#FEDDAB

Split Complementary

#ABFEDD

#FEABF6

#FEB3AB

Tetradic

#ABFEDD

#B3ABFE

#FEABCC

#F6FEAB

Color Blindness Simulation

Original

#ABFEDD

Protanopia

#CFD0E5

Deuteranopia

#CAC4E7

Tritanopia

#AFEBED

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF0
200
#B8FEE2
300
#86FECE
400
#45FDB3
500
#03FC99
600
#02CA7A
700
#02A162
800
#027E4C
900
#065B39
950
#043924

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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