#ABD5EE

#ABD5EE

Color Values

HEX

#ABD5EE

RGB

171, 213, 238

HSL

202.4, 66.3%, 80.2%

HSV

202.4, 28.2%, 93.3%

CMYK

28.2%, 10.5%, 0.0%, 6.7%

OKLCH

0.8514 0.0563 234.4

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ABD5EE

#EEC4AB

Analogous

#ABEEE6

#ABB4EE

#ABD5EE

Triadic

#ABD5EE

#EEABD5

#D5EEAB

Split Complementary

#ABD5EE

#EEABB4

#EEE6AB

Tetradic

#ABD5EE

#E6ABEE

#EEC4AB

#B4EEAB

Color Blindness Simulation

Original

#ABD5EE

Protanopia

#BDBEE8

Deuteranopia

#BBB8E6

Tritanopia

#ADE3E2

Achromatopsia

#CECECE

CSS Usage

background-color: #ABD5EE;
color: #ABD5EE;
border-color: #ABD5EE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F3F8FC
100
#E3F0F7
200
#C4E1F3
300
#99CCEA
400
#62B0DF
500
#2B95D4
600
#2277AA
700
#1B5F88
800
#154A6A
900
#14384D
950
#0C2331

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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