#AF74A0

#AF74A0

Color Values

HEX

#AF74A0

RGB

175, 116, 160

HSL

315.3, 26.9%, 57.1%

HSV

315.3, 33.7%, 68.6%

CMYK

0.0%, 33.7%, 8.6%, 31.4%

OKLCH

0.6346 0.0946 336.4

Properties

Warm Light Nearest: plum 4

Color Harmonies

Complementary

#AF74A0

#74AF83

Analogous

#A174AF

#AF7483

#AF74A0

Triadic

#AF74A0

#A0AF74

#74A0AF

Split Complementary

#AF74A0

#83AF74

#74AFA1

Tetradic

#AF74A0

#AFA174

#74AF83

#7483AF

Color Blindness Simulation

Original

#AF74A0

Protanopia

#959595

Deuteranopia

#999D93

Tritanopia

#AC8D8B

Achromatopsia

#848484

CSS Usage

background-color: #AF74A0;
color: #AF74A0;
border-color: #AF74A0;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F6F8
100
#F1E9EF
200
#E5D2E0
300
#D2B1CA
400
#BA87AD
500
#A25D90
600
#814B73
700
#683C5C
800
#512F48
900
#3C2536
950
#261722

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass 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