#ABC9E2

#ABC9E2

Color Values

HEX

#ABC9E2

RGB

171, 201, 226

HSL

207.3, 48.7%, 77.8%

HSV

207.3, 24.3%, 88.6%

CMYK

24.3%, 11.1%, 0.0%, 11.4%

OKLCH

0.822 0.0479 243.5

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ABC9E2

#E2C4AB

Analogous

#ABE2DF

#ABADE2

#ABC9E2

Triadic

#ABC9E2

#E2ABC9

#C9E2AB

Split Complementary

#ABC9E2

#E2ABAD

#E2DFAB

Tetradic

#ABC9E2

#DFABE2

#E2C4AB

#ADE2AB

Color Blindness Simulation

Original

#ABC9E2

Protanopia

#B8B8DC

Deuteranopia

#B6B4DA

Tritanopia

#ACD7D6

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADDED
300
#A4C4E0
400
#73A5CF
500
#4185BE
600
#346A98
700
#2A5579
800
#21435F
900
#1B3246
950
#11202C

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.18:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026