#ABCBD9

#ABCBD9

Color Values

HEX

#ABCBD9

RGB

171, 203, 217

HSL

198,3, 37,7%, 76,1%

HSV

198,3, 21,2%, 85,1%

CMYK

21,2%, 6,5%, 0,0%, 14,9%

OKLCH

0,8231 0,0395 226,1

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#ABCBD9

#D9B9AB

Analogous

#ABD9D0

#ABB4D9

#ABCBD9

Triadic

#ABCBD9

#D9ABCB

#CBD9AB

Split Complementary

#ABCBD9

#D9ABB4

#D9D0AB

Tetradic

#ABCBD9

#D0ABD9

#D9B9AB

#B4D9AB

Color Blindness Simulation

Original

#ABCBD9

Protanopia

#B9B9D6

Deuteranopia

#B7B5D5

Tritanopia

#ADD3D2

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF3
200
#CEE1E9
300
#ABCBD9
400
#7DAFC4
500
#4F92B0
600
#40758C
700
#335E70
800
#284958
900
#203741
950
#142329

Contrast Checker

Text on white

1,71:1

AA Fail AAA Fail

Text on black

12,28:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Şub 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Şub 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Şub 20, 2026