#AFB7B8

#AFB7B8

Color Values

HEX

#AFB7B8

RGB

175, 183, 184

HSL

186.7, 6.0%, 70.4%

HSV

186.7, 4.9%, 72.2%

CMYK

4.9%, 0.5%, 0.0%, 27.8%

OKLCH

0.7734 0.0091 205.9

Properties

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

Color Harmonies

Complementary

#AFB7B8

#B8B0AF

Analogous

#AFB8B5

#AFB3B8

#AFB7B8

Triadic

#AFB7B8

#B8AFB7

#B7B8AF

Split Complementary

#AFB7B8

#B8AFB3

#B8B5AF

Tetradic

#AFB7B8

#B5AFB8

#B8B0AF

#B3B8AF

Color Blindness Simulation

Original

#AFB7B8

Protanopia

#B2B3B8

Deuteranopia

#B2B1B8

Tritanopia

#AFB8B8

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DDDD
300
#BEC5C5
400
#9BA5A6
500
#788587
600
#606B6C
700
#4D5556
800
#3C4344
900
#2E3233
950
#1D2020

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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