#AF4AF7

#AF4AF7

Color Values

HEX

#AF4AF7

RGB

175, 74, 247

HSL

275.0, 91.5%, 62.9%

HSV

275.0, 70.0%, 96.9%

CMYK

29.1%, 70.0%, 0.0%, 3.1%

OKLCH

0.6224 0.2473 307.3

Properties

Cool Light Nearest: darkorchid 2

Color Harmonies

Complementary

#AF4AF7

#92F74A

Analogous

#584AF7

#F74AE9

#AF4AF7

Triadic

#AF4AF7

#F7AF4A

#4AF7AF

Split Complementary

#AF4AF7

#E9F74A

#4AF758

Tetradic

#AF4AF7

#F7584A

#92F74A

#4AE9F7

Color Blindness Simulation

Original

#AF4AF7

Protanopia

#8382CD

Deuteranopia

#8991C3

Tritanopia

#AAACA5

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EFDFFB
200
#E1BBFC
300
#CB8AFA
400
#AF4AF7
500
#930BF4
600
#7609C3
700
#5E079C
800
#49057A
900
#370958
950
#230538

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026