#AF51F0

#AF51F0

Color Values

HEX

#AF51F0

RGB

175, 81, 240

HSL

275.5, 84.1%, 62.9%

HSV

275.5, 66.2%, 94.1%

CMYK

27.1%, 66.2%, 0.0%, 5.9%

OKLCH

0.6253 0.2321 308.2

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AF51F0

#92F051

Analogous

#5F51F0

#F051E1

#AF51F0

Triadic

#AF51F0

#F0AF51

#51F0AF

Split Complementary

#AF51F0

#E1F051

#51F05F

Tetradic

#AF51F0

#F05F51

#92F051

#51E1F0

Color Blindness Simulation

Original

#AF51F0

Protanopia

#8685CA

Deuteranopia

#8C93C0

Tritanopia

#AAABA4

Achromatopsia

#707070

CSS Usage

background-color: #AF51F0;
color: #AF51F0;
border-color: #AF51F0;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FD
100
#EFE0FA
200
#E1BDF9
300
#CB8EF5
400
#AF51F0
500
#9314EB
600
#7610BC
700
#5E0D96
800
#4A0A75
900
#370C55
950
#230736

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

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