#ABDFFC

#ABDFFC

Color Values

HEX

#ABDFFC

RGB

171, 223, 252

HSL

201.5, 93.1%, 82.9%

HSV

201.5, 32.1%, 98.8%

CMYK

32.1%, 11.5%, 0.0%, 1.2%

OKLCH

0.8773 0.0669 232.9

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#ABDFFC

#FCC8AB

Analogous

#ABFCF0

#ABB6FC

#ABDFFC

Triadic

#ABDFFC

#FCABDF

#DFFCAB

Split Complementary

#ABDFFC

#FCABB6

#FCF0AB

Tetradic

#ABDFFC

#F0ABFC

#FCC8AB

#B6FCAB

Color Blindness Simulation

Original

#ABDFFC

Protanopia

#C2C2F5

Deuteranopia

#BEBBF3

Tritanopia

#AEEFEE

Achromatopsia

#D6D6D6

CSS Usage

background-color: #ABDFFC;
color: #ABDFFC;
border-color: #ABDFFC;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE5FD
300
#89D2FB
400
#49BAF8
500
#09A1F6
600
#0781C5
700
#06679E
800
#04517B
900
#083C59
950
#052638

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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