#ABFAFC

#ABFAFC

Color Values

HEX

#ABFAFC

RGB

171, 250, 252

HSL

181.5, 93.1%, 82.9%

HSV

181.5, 32.1%, 98.8%

CMYK

32.1%, 0.8%, 0.0%, 1.2%

OKLCH

0.9349 0.0771 197.9

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#ABFAFC

#FCADAB

Analogous

#ABFCD5

#ABD1FC

#ABFAFC

Triadic

#ABFAFC

#FCABFA

#FAFCAB

Split Complementary

#ABFAFC

#FCABD1

#FCD5AB

Tetradic

#ABFAFC

#D5ABFC

#FCADAB

#D1FCAB

Color Blindness Simulation

Original

#ABFAFC

Protanopia

#CDCEFC

Deuteranopia

#C9C3FB

Tritanopia

#AFFBFB

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFBFD
300
#89F8FB
400
#49F4F8
500
#09F0F6
600
#07C0C5
700
#069A9E
800
#04787B
900
#085759
950
#053738

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.81:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026