#ABCAED

#ABCAED

Color Values

HEX

#ABCAED

RGB

171, 202, 237

HSL

211,8, 64,7%, 80,0%

HSV

211,8, 27,8%, 92,9%

CMYK

27,8%, 14,8%, 0,0%, 7,1%

OKLCH

0,828 0,0596 251,7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#ABCAED

#EDCEAB

Analogous

#ABEBED

#ADABED

#ABCAED

Triadic

#ABCAED

#EDABCA

#CAEDAB

Split Complementary

#ABCAED

#EDADAB

#EBEDAB

Tetradic

#ABCAED

#EDABEB

#EDCEAB

#ABEDAD

Color Blindness Simulation

Original

#ABCAED

Protanopia

#B8B9E5

Deuteranopia

#B7B4E2

Tritanopia

#ADDEDC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C4DAF2
300
#9ABFE9
400
#649DDE
500
#2D7BD2
600
#2462A8
700
#1D4E86
800
#173D69
900
#142F4D
950
#0D1E30

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,4: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