#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026