#ABC3D9

#ABC3D9

Color Values

HEX

#ABC3D9

RGB

171, 195, 217

HSL

208.7, 37.7%, 76.1%

HSV

208.7, 21.2%, 85.1%

CMYK

21.2%, 10.1%, 0.0%, 14.9%

OKLCH

0.8063 0.0407 246.0

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#ABC3D9

#D9C1AB

Analogous

#ABD9D8

#ABACD9

#ABC3D9

Triadic

#ABC3D9

#D9ABC3

#C3D9AB

Split Complementary

#ABC3D9

#D9ABAC

#D9D8AB

Tetradic

#ABC3D9

#D8ABD9

#D9C1AB

#ACD9AB

Color Blindness Simulation

Original

#ABC3D9

Protanopia

#B5B6D4

Deuteranopia

#B4B2D2

Tritanopia

#ACCFCF

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EDF3
200
#CEDCE9
300
#ABC3D9
400
#7DA2C4
500
#4F82B0
600
#40688C
700
#335370
800
#284158
900
#203141
950
#141F29

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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