#ABC7D8

#ABC7D8

Color Values

HEX

#ABC7D8

RGB

171, 199, 216

HSL

202.7, 36.6%, 75.9%

HSV

202.7, 20.8%, 84.7%

CMYK

20.8%, 7.9%, 0.0%, 15.3%

OKLCH

0.8144 0.0386 234.6

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ABC7D8

#D8BCAB

Analogous

#ABD8D3

#ABB1D8

#ABC7D8

Triadic

#ABC7D8

#D8ABC7

#C7D8AB

Split Complementary

#ABC7D8

#D8ABB1

#D8D3AB

Tetradic

#ABC7D8

#D3ABD8

#D8BCAB

#B1D8AB

Color Blindness Simulation

Original

#ABC7D8

Protanopia

#B7B7D4

Deuteranopia

#B6B3D3

Tritanopia

#ACD1D0

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF3
200
#CEDEE8
300
#ABC7D8
400
#7EA9C3
500
#518BAE
600
#416F8B
700
#34596F
800
#284557
900
#203440
950
#152129

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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