#AFBFB8

#AFBFB8

Color Values

HEX

#AFBFB8

RGB

175, 191, 184

HSL

153.8, 11.1%, 71.8%

HSV

153.8, 8.4%, 74.9%

CMYK

8.4%, 0.0%, 3.7%, 25.1%

OKLCH

0.7903 0.0201 167.8

Properties

Cool Light Nearest: RAL 7038 Agate Grey

Color Harmonies

Complementary

#AFBFB8

#BFAFB6

Analogous

#AFBFB0

#AFBEBF

#AFBFB8

Triadic

#AFBFB8

#B8AFBF

#BFB8AF

Split Complementary

#AFBFB8

#BFAFBE

#BFB0AF

Tetradic

#AFBFB8

#B0AFBF

#BFAFB6

#BEBFAF

Color Blindness Simulation

Original

#AFBFB8

Protanopia

#B6B6BA

Deuteranopia

#B5B4BA

Tritanopia

#B0BBBB

Achromatopsia

#BBBBBB

CSS Usage

background-color: #AFBFB8;
color: #AFBFB8;
border-color: #AFBFB8;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7DFDC
300
#BBC9C3
400
#96ABA2
500
#718E81
600
#5B7167
700
#495B53
800
#394741
900
#2C3531
950
#1C221F

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

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