#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

Фев 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Фев 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Фев 19, 2026