#ABD1F3

#ABD1F3

Color Values

HEX

#ABD1F3

RGB

171, 209, 243

HSL

208.3, 75.0%, 81.2%

HSV

208.3, 29.6%, 95.3%

CMYK

29.6%, 14.0%, 0.0%, 4.7%

OKLCH

0.8448 0.0625 245.6

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ABD1F3

#F3CDAB

Analogous

#ABF3F1

#ABADF3

#ABD1F3

Triadic

#ABD1F3

#F3ABD1

#D1F3AB

Split Complementary

#ABD1F3

#F3ABAD

#F3F1AB

Tetradic

#ABD1F3

#F1ABF3

#F3CDAB

#ADF3AB

Color Blindness Simulation

Original

#ABD1F3

Protanopia

#BBBCEB

Deuteranopia

#B9B6E9

Tritanopia

#ADE4E3

Achromatopsia

#CBCBCB

CSS Usage

background-color: #ABD1F3;
color: #ABD1F3;
border-color: #ABD1F3;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F8FC
100
#E2EEF9
200
#C1DDF6
300
#94C4F0
400
#5AA5E7
500
#2085DF
600
#196AB3
700
#14558F
800
#104270
900
#103251
950
#0A2033

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.15:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026