#AF00FF

#AF00FF

Color Values

HEX

#AF00FF

RGB

175, 0, 255

HSL

281.2, 100.0%, 50.0%

HSV

281.2, 100.0%, 100.0%

CMYK

31.4%, 100.0%, 0.0%, 0.0%

OKLCH

0.5878 0.2997 308.5

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#AF00FF

#50FF00

Analogous

#3000FF

#FF00CF

#AF00FF

Triadic

#AF00FF

#FFAF00

#00FFAF

Split Complementary

#AF00FF

#CFFF00

#00FF30

Tetradic

#AF00FF

#FF3000

#50FF00

#00CFFF

Color Blindness Simulation

Original

#AF00FF

Protanopia

#6362C1

Deuteranopia

#6D7AB2

Tritanopia

#A69186

Achromatopsia

#383838

CSS Usage

background-color: #AF00FF;
color: #AF00FF;
border-color: #AF00FF;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E9B8FF
300
#D985FF
400
#C442FF
500
#AF00FF
600
#8C00CC
700
#7000A3
800
#580080
900
#41055C
950
#29033A

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

4.27:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026