#AF339D

#AF339D

Color Values

HEX

#AF339D

RGB

175, 51, 157

HSL

308,7, 54,9%, 44,3%

HSV

308,7, 70,9%, 68,6%

CMYK

0,0%, 70,9%, 10,3%, 31,4%

OKLCH

0,5441 0,1966 334,4

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#AF339D

#33AF45

Analogous

#8333AF

#AF335F

#AF339D

Triadic

#AF339D

#9DAF33

#339DAF

Split Complementary

#AF339D

#5FAF33

#33AF83

Tetradic

#AF339D

#AF8333

#33AF45

#335FAF

Color Blindness Simulation

Original

#AF339D

Protanopia

#797883

Deuteranopia

#808A7D

Tritanopia

#A96F6B

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EFC8E9
300
#E3A0DA
400
#D46DC5
500
#C53AB1
600
#9E2E8E
700
#7E2571
800
#631D59
900
#481941
950
#2E0F29

Contrast Checker

Text on white

5,55:1

AA Pass AAA Fail

Text on black

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