#AF8EA9

#AF8EA9

Color Values

HEX

#AF8EA9

RGB

175, 142, 169

HSL

310.9, 17.1%, 62.2%

HSV

310.9, 18.9%, 68.6%

CMYK

0.0%, 18.9%, 3.4%, 31.4%

OKLCH

0.6858 0.0545 332.4

Properties

Warm Light Nearest: RAL 4009 Pastel Violet

Color Harmonies

Complementary

#AF8EA9

#8EAF94

Analogous

#A58EAF

#AF8E99

#AF8EA9

Triadic

#AF8EA9

#A9AF8E

#8EA9AF

Split Complementary

#AF8EA9

#99AF8E

#8EAFA5

Tetradic

#AF8EA9

#AFA58E

#8EAF94

#8E99AF

Color Blindness Simulation

Original

#AF8EA9

Protanopia

#A1A0A2

Deuteranopia

#A3A5A1

Tritanopia

#AD9D9C

Achromatopsia

#979797

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D5DF
300
#CCB7C8
400
#B191AB
500
#956A8D
600
#775571
700
#60445A
800
#4B3547
900
#382935
950
#231A22

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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