#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026