#AFB3B7

#AFB3B7

Color Values

HEX

#AFB3B7

RGB

175, 179, 183

HSL

210.0, 5.3%, 70.2%

HSV

210.0, 4.4%, 71.8%

CMYK

4.4%, 2.2%, 0.0%, 28.2%

OKLCH

0.7648 0.0073 247.9

Properties

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

Color Harmonies

Complementary

#AFB3B7

#B7B3AF

Analogous

#AFB7B7

#AFAFB7

#AFB3B7

Triadic

#AFB3B7

#B7AFB3

#B3B7AF

Split Complementary

#AFB3B7

#B7AFAF

#B7B7AF

Tetradic

#AFB3B7

#B7AFB7

#B7B3AF

#AFB7AF

Color Blindness Simulation

Original

#AFB3B7

Protanopia

#B1B1B6

Deuteranopia

#B0B0B6

Tritanopia

#AFB5B5

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#ECEDEE
200
#D9DBDD
300
#BFC2C5
400
#9CA1A6
500
#798086
600
#61666B
700
#4D5256
800
#3C4043
900
#2E3033
950
#1D1F20

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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