#ABB2AF

#ABB2AF

Color Values

HEX

#ABB2AF

RGB

171, 178, 175

HSL

154.3, 4.3%, 68.4%

HSV

154.3, 3.9%, 69.8%

CMYK

3.9%, 0.0%, 1.7%, 30.2%

OKLCH

0.7571 0.0089 168.7

Properties

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

Color Harmonies

Complementary

#ABB2AF

#B2ABAE

Analogous

#ABB2AB

#ABB1B2

#ABB2AF

Triadic

#ABB2AF

#AFABB2

#B2AFAB

Split Complementary

#ABB2AF

#B2ABB1

#B2ABAB

Tetradic

#ABB2AF

#ABABB2

#B2ABAE

#B1B2AB

Color Blindness Simulation

Original

#ABB2AF

Protanopia

#AEAEB0

Deuteranopia

#AEADB0

Tritanopia

#ABB0B0

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#DADDDC
300
#BFC4C2
400
#9DA5A1
500
#7A8580
600
#626A67
700
#4E5552
800
#3D4240
900
#2F3231
950
#1D201F

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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