#AFADAB

#AFADAB

Color Values

HEX

#AFADAB

RGB

175, 173, 171

HSL

30.0, 2.4%, 67.8%

HSV

30.0, 2.3%, 68.6%

CMYK

0.0%, 1.1%, 2.3%, 31.4%

OKLCH

0.7487 0.0037 67.8

Properties

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

Color Harmonies

Complementary

#AFADAB

#ABADAF

Analogous

#AFABAB

#AFAFAB

#AFADAB

Triadic

#AFADAB

#ABAFAD

#ADABAF

Split Complementary

#AFADAB

#ABAFAF

#ABABAF

Tetradic

#AFADAB

#ABAFAB

#ABADAF

#AFABAF

Color Blindness Simulation

Original

#AFADAB

Protanopia

#AEAEAB

Deuteranopia

#AEAEAC

Tritanopia

#AFACAC

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DCDBDA
300
#C3C2C0
400
#A3A19E
500
#83807C
600
#686664
700
#545250
800
#41403E
900
#31302F
950
#1F1F1E

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

9.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026