#ABD3F5

#ABD3F5

Color Values

HEX

#ABD3F5

RGB

171, 211, 245

HSL

207.6, 78.7%, 81.6%

HSV

207.6, 30.2%, 96.1%

CMYK

30.2%, 13.9%, 0.0%, 3.9%

OKLCH

0.8497 0.0637 244.3

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ABD3F5

#F5CDAB

Analogous

#ABF5F2

#ABAEF5

#ABD3F5

Triadic

#ABD3F5

#F5ABD3

#D3F5AB

Split Complementary

#ABD3F5

#F5ABAE

#F5F2AB

Tetradic

#ABD3F5

#F2ABF5

#F5CDAB

#AEF5AB

Color Blindness Simulation

Original

#ABD3F5

Protanopia

#BCBDED

Deuteranopia

#BAB7EB

Tritanopia

#ADE6E5

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#BFDEF7
300
#92C6F2
400
#56A7EB
500
#1B88E4
600
#166CB6
700
#115792
800
#0E4472
900
#0E3353
950
#092034

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.37:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026