#ABC4D8

#ABC4D8

Color Values

HEX

#ABC4D8

RGB

171, 196, 216

HSL

206.7, 36.6%, 75.9%

HSV

206.7, 20.8%, 84.7%

CMYK

20.8%, 9.3%, 0.0%, 15.3%

OKLCH

0.8081 0.0393 242.2

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#ABC4D8

#D8BFAB

Analogous

#ABD8D6

#ABAED8

#ABC4D8

Triadic

#ABC4D8

#D8ABC4

#C4D8AB

Split Complementary

#ABC4D8

#D8ABAE

#D8D6AB

Tetradic

#ABC4D8

#D6ABD8

#D8BFAB

#AED8AB

Color Blindness Simulation

Original

#ABC4D8

Protanopia

#B6B6D3

Deuteranopia

#B4B2D2

Tritanopia

#ACCFCE

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EEF3
200
#CEDDE8
300
#ABC4D8
400
#7EA4C3
500
#5185AE
600
#416A8B
700
#34556F
800
#284257
900
#203240
950
#152029

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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