#ABFCF3

#ABFCF3

Color Values

HEX

#ABFCF3

RGB

171, 252, 243

HSL

173.3, 93.1%, 82.9%

HSV

173.3, 32.1%, 98.8%

CMYK

32.1%, 0.0%, 3.6%, 1.2%

OKLCH

0.9365 0.0799 187.1

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#ABFCF3

#FCABB4

Analogous

#ABFCCA

#ABDCFC

#ABFCF3

Triadic

#ABFCF3

#F3ABFC

#FCF3AB

Split Complementary

#ABFCF3

#FCABDC

#FCCAAB

Tetradic

#ABFCF3

#CAABFC

#FCABB4

#DCFCAB

Color Blindness Simulation

Original

#ABFCF3

Protanopia

#CECFF5

Deuteranopia

#C9C3F6

Tritanopia

#AFF7F7

Achromatopsia

#EAEAEA

CSS Usage

background-color: #ABFCF3;
color: #ABFCF3;
border-color: #ABFCF3;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BAFDF5
300
#89FBEE
400
#49F8E5
500
#09F6DC
600
#07C5B0
700
#069E8D
800
#047B6E
900
#085950
950
#053833

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