#AFBDBF

#AFBDBF

Color Values

HEX

#AFBDBF

RGB

175, 189, 191

HSL

187.5, 11.1%, 71.8%

HSV

187.5, 8.4%, 74.9%

CMYK

8.4%, 1.0%, 0.0%, 25.1%

OKLCH

0.7881 0.0157 207.1

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#AFBDBF

#BFB1AF

Analogous

#AFBFB9

#AFB5BF

#AFBDBF

Triadic

#AFBDBF

#BFAFBD

#BDBFAF

Split Complementary

#AFBDBF

#BFAFB5

#BFB9AF

Tetradic

#AFBDBF

#B9AFBF

#BFB1AF

#B5BFAF

Color Blindness Simulation

Original

#AFBDBF

Protanopia

#B5B5BF

Deuteranopia

#B4B3BE

Tritanopia

#B0BEBE

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DEDF
300
#BBC7C9
400
#96A9AB
500
#718A8E
600
#5B6E71
700
#49585B
800
#394547
900
#2C3435
950
#1C2122

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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