#AF4CF5

#AF4CF5

Color Values

HEX

#AF4CF5

RGB

175, 76, 245

HSL

275.1, 89.4%, 62.9%

HSV

275.1, 69.0%, 96.1%

CMYK

28.6%, 69.0%, 0.0%, 3.9%

OKLCH

0.6231 0.2431 307.5

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AF4CF5

#92F54C

Analogous

#5A4CF5

#F54CE7

#AF4CF5

Triadic

#AF4CF5

#F5AF4C

#4CF5AF

Split Complementary

#AF4CF5

#E7F54C

#4CF55A

Tetradic

#AF4CF5

#F55A4C

#92F54C

#4CE7F5

Color Blindness Simulation

Original

#AF4CF5

Protanopia

#8483CC

Deuteranopia

#8A91C2

Tritanopia

#AAACA5

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EFE0FB
200
#E1BBFB
300
#CB8BF9
400
#AF4CF5
500
#930EF1
600
#760BC1
700
#5E099B
800
#490779
900
#370957
950
#230637

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.18: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