#AFABAB

#AFABAB

Color Values

HEX

#AFABAB

RGB

175, 171, 171

HSL

0.0, 2.4%, 67.8%

HSV

0.0, 2.3%, 68.6%

CMYK

0.0%, 2.3%, 2.3%, 31.4%

OKLCH

0.7445 0.0046 17.3

Properties

Warm Light Nearest: darkgrey

Color Harmonies

Complementary

#AFABAB

#ABAFAF

Analogous

#AFABAD

#AFADAB

#AFABAB

Triadic

#AFABAB

#ABAFAB

#ABABAF

Split Complementary

#AFABAB

#ABAFAD

#ABADAF

Tetradic

#AFABAB

#ADAFAB

#ABAFAF

#ADABAF

Color Blindness Simulation

Original

#AFABAB

Protanopia

#ADADAB

Deuteranopia

#AEAEAB

Tritanopia

#AFABAB

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDADA
300
#C3C0C0
400
#A39E9E
500
#837C7C
600
#686464
700
#545050
800
#413E3E
900
#312F2F
950
#1F1E1E

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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