#ABBBBD

#ABBBBD

Color Values

HEX

#ABBBBD

RGB

171, 187, 189

HSL

186.7, 12.0%, 70.6%

HSV

186.7, 9.5%, 74.1%

CMYK

9.5%, 1.1%, 0.0%, 25.9%

OKLCH

0.7803 0.0179 205.8

Properties

Cool Light Nearest: NCS S 3000-N Medium Light Grey

Color Harmonies

Complementary

#ABBBBD

#BDADAB

Analogous

#ABBDB6

#ABB2BD

#ABBBBD

Triadic

#ABBBBD

#BDABBB

#BBBDAB

Split Complementary

#ABBBBD

#BDABB2

#BDB6AB

Tetradic

#ABBBBD

#B6ABBD

#BDADAB

#B2BDAB

Color Blindness Simulation

Original

#ABBBBD

Protanopia

#B2B2BD

Deuteranopia

#B1B0BC

Tritanopia

#ACBCBC

Achromatopsia

#B8B8B8

CSS Usage

background-color: #ABBBBD;
color: #ABBBBD;
border-color: #ABBBBD;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC8C9
400
#95A9AC
500
#708B8F
600
#5A7072
700
#48595B
800
#384647
900
#2B3536
950
#1B2122

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.57:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026