#ABBDE2

#ABBDE2

Color Values

HEX

#ABBDE2

RGB

171, 189, 226

HSL

220.4, 48.7%, 77.8%

HSV

220.4, 24.3%, 88.6%

CMYK

24.3%, 16.4%, 0.0%, 11.4%

OKLCH

0.7971 0.0563 264.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#ABBDE2

#E2D0AB

Analogous

#ABD8E2

#B4ABE2

#ABBDE2

Triadic

#ABBDE2

#E2ABBD

#BDE2AB

Split Complementary

#ABBDE2

#E2B4AB

#D8E2AB

Tetradic

#ABBDE2

#E2ABD8

#E2D0AB

#ABE2B4

Color Blindness Simulation

Original

#ABBDE2

Protanopia

#B3B3D9

Deuteranopia

#B2B0D7

Tritanopia

#ACD2D0

Achromatopsia

#BCBCBC

CSS Usage

background-color: #ABBDE2;
color: #ABBDE2;
border-color: #ABBDE2;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F4F6FB
100
#E6EBF5
200
#CAD5ED
300
#A4B7E0
400
#7391CF
500
#416ABE
600
#345598
700
#2A4479
800
#21355F
900
#1B2946
950
#111A2C

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

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