#AFA7BA

#AFA7BA

Color Values

HEX

#AFA7BA

RGB

175, 167, 186

HSL

265.3, 12.1%, 69.2%

HSV

265.3, 10.2%, 72.9%

CMYK

5.9%, 10.2%, 0.0%, 27.1%

OKLCH

0.7411 0.0284 304.7

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#AFA7BA

#B2BAA7

Analogous

#A7A8BA

#B8A7BA

#AFA7BA

Triadic

#AFA7BA

#BAAFA7

#A7BAAF

Split Complementary

#AFA7BA

#BAB8A7

#A8BAA7

Tetradic

#AFA7BA

#BAA7A8

#B2BAA7

#A7BAB8

Color Blindness Simulation

Original

#AFA7BA

Protanopia

#ACABB5

Deuteranopia

#ACADB4

Tritanopia

#AFB2B1

Achromatopsia

#AAAAAA

CSS Usage

background-color: #AFA7BA;
color: #AFA7BA;
border-color: #AFA7BA;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F7F7F8
100
#EDEBEF
200
#DBD7E0
300
#C1BAC9
400
#9F95AC
500
#7D708F
600
#645A72
700
#50485B
800
#3F3847
900
#302B36
950
#1E1B22

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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