#ABD0F0

#ABD0F0

Color Values

HEX

#ABD0F0

RGB

171, 208, 240

HSL

207.8, 69.7%, 80.6%

HSV

207.8, 28.8%, 94.1%

CMYK

28.8%, 13.3%, 0.0%, 5.9%

OKLCH

0.8416 0.0597 244.7

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ABD0F0

#F0CBAB

Analogous

#ABF0ED

#ABAEF0

#ABD0F0

Triadic

#ABD0F0

#F0ABD0

#D0F0AB

Split Complementary

#ABD0F0

#F0ABAE

#F0EDAB

Tetradic

#ABD0F0

#EDABF0

#F0CBAB

#AEF0AB

Color Blindness Simulation

Original

#ABD0F0

Protanopia

#BBBBE8

Deuteranopia

#B9B6E6

Tritanopia

#ADE2E1

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C2DDF4
300
#97C5EC
400
#5FA5E2
500
#2786D8
600
#1F6BAD
700
#19568A
800
#13436C
900
#12334F
950
#0B2032

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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