#ABD7EE

#ABD7EE

Color Values

HEX

#ABD7EE

RGB

171, 215, 238

HSL

200.6, 66.3%, 80.2%

HSV

200.6, 28.2%, 93.3%

CMYK

28.2%, 9.7%, 0.0%, 6.7%

OKLCH

0.8556 0.0561 231.0

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#ABD7EE

#EEC2AB

Analogous

#ABEEE3

#ABB6EE

#ABD7EE

Triadic

#ABD7EE

#EEABD7

#D7EEAB

Split Complementary

#ABD7EE

#EEABB6

#EEE3AB

Tetradic

#ABD7EE

#E3ABEE

#EEC2AB

#B6EEAB

Color Blindness Simulation

Original

#ABD7EE

Protanopia

#BEBEE8

Deuteranopia

#BCB8E7

Tritanopia

#ADE4E3

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E3F0F7
200
#C4E3F3
300
#99CFEA
400
#62B4DF
500
#2B9AD4
600
#227BAA
700
#1B6388
800
#154D6A
900
#143A4D
950
#0C2431

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.69:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026