#AF5097

#AF5097

Color Values

HEX

#AF5097

RGB

175, 80, 151

HSL

315,2, 37,3%, 50,0%

HSV

315,2, 54,3%, 68,6%

CMYK

0,0%, 54,3%, 13,7%, 31,4%

OKLCH

0,5744 0,1506 338,1

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#AF5097

#50AF68

Analogous

#9850AF

#AF5067

#AF5097

Triadic

#AF5097

#97AF50

#5097AF

Split Complementary

#AF5097

#67AF50

#50AF98

Tetradic

#AF5097

#AF9850

#50AF68

#5067AF

Color Blindness Simulation

Original

#AF5097

Protanopia

#868586

Deuteranopia

#8B9282

Tritanopia

#AA7875

Achromatopsia

#696969

CSS Usage

background-color: #AF5097;
color: #AF5097;
border-color: #AF5097;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF5F9
100
#F3E7F0
200
#E9CEE2
300
#D9ABCD
400
#C47DB2
500
#AF5097
600
#8C4079
700
#703361
800
#58284B
900
#412038
950
#291424

Contrast Checker

Text on white

4,75:1

AA Pass AAA Fail

Text on black

4,42:1

AA Fail AAA Fail

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