#AAB1AF

#AAB1AF

Color Values

HEX

#AAB1AF

RGB

170, 177, 175

HSL

162.9, 4.3%, 68.0%

HSV

162.9, 4.0%, 69.4%

CMYK

4.0%, 0.0%, 1.1%, 30.6%

OKLCH

0.7542 0.0084 177.2

Properties

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

Color Harmonies

Complementary

#AAB1AF

#B1AAAC

Analogous

#AAB1AB

#AAAFB1

#AAB1AF

Triadic

#AAB1AF

#AFAAB1

#B1AFAA

Split Complementary

#AAB1AF

#B1AAAF

#B1ABAA

Tetradic

#AAB1AF

#ABAAB1

#B1AAAC

#AFB1AA

Color Blindness Simulation

Original

#AAB1AF

Protanopia

#ADADAF

Deuteranopia

#ADACB0

Tritanopia

#AAB0B0

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEEED
200
#DADDDC
300
#BFC4C3
400
#9DA5A2
500
#7A8582
600
#626A68
700
#4E5553
800
#3D4241
900
#2F3231
950
#1D201F

Contrast Checker

Text on white

2.18:1

AA Fail AAA Fail

Text on black

9.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026