#ABC8D9

#ABC8D9

Color Values

HEX

#ABC8D9

RGB

171, 200, 217

HSL

202.2, 37.7%, 76.1%

HSV

202.2, 21.2%, 85.1%

CMYK

21.2%, 7.8%, 0.0%, 14.9%

OKLCH

0.8168 0.0394 233.7

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ABC8D9

#D9BCAB

Analogous

#ABD9D3

#ABB1D9

#ABC8D9

Triadic

#ABC8D9

#D9ABC8

#C8D9AB

Split Complementary

#ABC8D9

#D9ABB1

#D9D3AB

Tetradic

#ABC8D9

#D3ABD9

#D9BCAB

#B1D9AB

Color Blindness Simulation

Original

#ABC8D9

Protanopia

#B8B8D5

Deuteranopia

#B6B4D4

Tritanopia

#ACD2D1

Achromatopsia

#C3C3C3

CSS Usage

background-color: #ABC8D9;
color: #ABC8D9;
border-color: #ABC8D9;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEDFE9
300
#ABC8D9
400
#7DAAC4
500
#4F8CB0
600
#40708C
700
#335A70
800
#284658
900
#203541
950
#142129

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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