#AF3BA3

#AF3BA3

Color Values

HEX

#AF3BA3

RGB

175, 59, 163

HSL

306,2, 49,6%, 45,9%

HSV

306,2, 66,3%, 68,6%

CMYK

0,0%, 66,3%, 6,9%, 31,4%

OKLCH

0,555 0,1911 332,2

Properties

Warm Dark Nearest: NCS S 2050-R50B Purple

Color Harmonies

Complementary

#AF3BA3

#3BAF47

Analogous

#813BAF

#AF3B69

#AF3BA3

Triadic

#AF3BA3

#A3AF3B

#3BA3AF

Split Complementary

#AF3BA3

#69AF3B

#3BAF81

Tetradic

#AF3BA3

#AF813B

#3BAF47

#3B69AF

Color Blindness Simulation

Original

#AF3BA3

Protanopia

#7D7C8A

Deuteranopia

#848C84

Tritanopia

#A97672

Achromatopsia

#5B5B5B

CSS Usage

background-color: #AF3BA3;
color: #AF3BA3;
border-color: #AF3BA3;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE9
300
#E0A3DA
400
#CF72C6
500
#BF40B2
600
#99338E
700
#7A2972
800
#5F2059
900
#461B42
950
#2C1129

Contrast Checker

Text on white

5,28:1

AA Pass AAA Fail

Text on black

3,98: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