#ABF3F1

#ABF3F1

Color Values

HEX

#ABF3F1

RGB

171, 243, 241

HSL

178.3, 75.0%, 81.2%

HSV

178.3, 29.6%, 95.3%

CMYK

29.6%, 0.0%, 0.8%, 4.7%

OKLCH

0.9164 0.0713 193.8

Properties

Cool Light Nearest: paleturquoise 2

Color Harmonies

Complementary

#ABF3F1

#F3ABAD

Analogous

#ABF3CD

#ABD1F3

#ABF3F1

Triadic

#ABF3F1

#F1ABF3

#F3F1AB

Split Complementary

#ABF3F1

#F3ABD1

#F3CDAB

Tetradic

#ABF3F1

#CDABF3

#F3ABAD

#D1F3AB

Color Blindness Simulation

Original

#ABF3F1

Protanopia

#CACBF1

Deuteranopia

#C6C1F2

Tritanopia

#AFF2F2

Achromatopsia

#E4E4E4

CSS Usage

background-color: #ABF3F1;
color: #ABF3F1;
border-color: #ABF3F1;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F2FCFC
100
#E2F9F8
200
#C1F6F5
300
#94F0ED
400
#5AE7E3
500
#20DFDA
600
#19B3AE
700
#148F8B
800
#10706D
900
#10514F
950
#0A3332

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

16.82:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026