#AFB4A1

#AFB4A1

Color Values

HEX

#AFB4A1

RGB

175, 180, 161

HSL

75.8, 11.2%, 66.9%

HSV

75.8, 10.6%, 70.6%

CMYK

2.8%, 0.0%, 10.6%, 29.4%

OKLCH

0.7606 0.0271 119.0

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AFB4A1

#A6A1B4

Analogous

#B4B0A1

#A6B4A1

#AFB4A1

Triadic

#AFB4A1

#A1AFB4

#B4A1AF

Split Complementary

#AFB4A1

#A1A6B4

#B0A1B4

Tetradic

#AFB4A1

#A1B4B0

#A6A1B4

#B4A1A6

Color Blindness Simulation

Original

#AFB4A1

Protanopia

#B1B1A6

Deuteranopia

#B1B0A7

Tritanopia

#AFA9AA

Achromatopsia

#B2B2B2

CSS Usage

background-color: #AFB4A1;
color: #AFB4A1;
border-color: #AFB4A1;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F7
100
#EEEFEB
200
#DDDFD7
300
#C5C9BB
400
#A6AB96
500
#868E71
600
#6B715B
700
#565B48
800
#434739
900
#33352C
950
#20221C

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

9.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026