#ABFCD5

#ABFCD5

Color Values

HEX

#ABFCD5

RGB

171, 252, 213

HSL

151.1, 93.1%, 82.9%

HSV

151.1, 32.1%, 98.8%

CMYK

32.1%, 0.0%, 15.5%, 1.2%

OKLCH

0.9283 0.0958 162.9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#ABFCD5

#FCABD2

Analogous

#ABFCAC

#ABFBFC

#ABFCD5

Triadic

#ABFCD5

#D5ABFC

#FCD5AB

Split Complementary

#ABFCD5

#FCABFB

#FCACAB

Tetradic

#ABFCD5

#ACABFC

#FCABD2

#FBFCAB

Color Blindness Simulation

Original

#ABFCD5

Protanopia

#CECFDE

Deuteranopia

#C9C3E1

Tritanopia

#AFE6E8

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBEE
200
#BAFDDD
300
#89FBC4
400
#49F8A4
500
#09F684
600
#07C569
700
#069E54
800
#047B42
900
#085932
950
#053820

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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