#AF9CA4

#AF9CA4

Color Values

HEX

#AF9CA4

RGB

175, 156, 164

HSL

334.7, 10.6%, 64.9%

HSV

334.7, 10.9%, 68.6%

CMYK

0.0%, 10.9%, 6.3%, 31.4%

OKLCH

0.7117 0.0249 350.4

Properties

Warm Light Nearest: RAL 9006 White Aluminium

Color Harmonies

Complementary

#AF9CA4

#9CAFA7

Analogous

#AF9CAD

#AF9D9C

#AF9CA4

Triadic

#AF9CA4

#A4AF9C

#9CA4AF

Split Complementary

#AF9CA4

#9CAF9D

#9CADAF

Tetradic

#AF9CA4

#ADAF9C

#9CAFA7

#9D9CAF

Color Blindness Simulation

Original

#AF9CA4

Protanopia

#A7A7A2

Deuteranopia

#A8A9A2

Tritanopia

#AEA1A0

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFECED
200
#DFD8DB
300
#C8BBC1
400
#AB979F
500
#8D727D
600
#715B64
700
#5A4950
800
#47393F
900
#352C30
950
#221C1E

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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