#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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026