#ABD1FE

#ABD1FE

Color Values

HEX

#ABD1FE

RGB

171, 209, 254

HSL

212.5, 97.6%, 83.3%

HSV

212.5, 32.7%, 99.6%

CMYK

32.7%, 17.7%, 0.0%, 0.4%

OKLCH

0.8489 0.0751 252.9

Properties

Cool Light Nearest: skyblue 1

Color Harmonies

Complementary

#ABD1FE

#FED8AB

Analogous

#ABFBFE

#AEABFE

#ABD1FE

Triadic

#ABD1FE

#FEABD1

#D1FEAB

Split Complementary

#ABD1FE

#FEAEAB

#FBFEAB

Tetradic

#ABD1FE

#FEABFB

#FED8AB

#ABFEAE

Color Blindness Simulation

Original

#ABD1FE

Protanopia

#BBBCF3

Deuteranopia

#B9B6F0

Tritanopia

#ADEBE9

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D8FE
300
#86BDFE
400
#4599FD
500
#0375FC
600
#025ECA
700
#024BA1
800
#023B7E
900
#062D5B
950
#041C39

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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