#ABB4BD

#ABB4BD

Color Values

HEX

#ABB4BD

RGB

171, 180, 189

HSL

210.0, 12.0%, 70.6%

HSV

210.0, 9.5%, 74.1%

CMYK

9.5%, 4.8%, 0.0%, 25.9%

OKLCH

0.7656 0.0164 248.0

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#ABB4BD

#BDB4AB

Analogous

#ABBDBD

#ABABBD

#ABB4BD

Triadic

#ABB4BD

#BDABB4

#B4BDAB

Split Complementary

#ABB4BD

#BDABAB

#BDBDAB

Tetradic

#ABB4BD

#BDABBD

#BDB4AB

#ABBDAB

Color Blindness Simulation

Original

#ABB4BD

Protanopia

#AFAFBB

Deuteranopia

#AEAEBA

Tritanopia

#ABB9B9

Achromatopsia

#B3B3B3

CSS Usage

background-color: #ABB4BD;
color: #ABB4BD;
border-color: #ABB4BD;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#EBEDEF
200
#D7DBE0
300
#BAC2C9
400
#95A1AC
500
#70808F
600
#5A6672
700
#48525B
800
#384047
900
#2B3036
950
#1B1F22

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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