#AF71EA

#AF71EA

Color Values

HEX

#AF71EA

RGB

175, 113, 234

HSL

270,7, 74,2%, 68,0%

HSV

270,7, 51,7%, 91,8%

CMYK

25,2%, 51,7%, 0,0%, 8,2%

OKLCH

0,6649 0,1805 305,7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AF71EA

#ACEA71

Analogous

#7271EA

#EA71E9

#AF71EA

Triadic

#AF71EA

#EAAF71

#71EAAF

Split Complementary

#AF71EA

#E9EA71

#71EA72

Tetradic

#AF71EA

#EA7271

#ACEA71

#71E9EA

Color Blindness Simulation

Original

#AF71EA

Protanopia

#9494CD

Deuteranopia

#989CC6

Tritanopia

#ACB6B1

Achromatopsia

#878787

CSS Usage

background-color: #AF71EA;
color: #AF71EA;
border-color: #AF71EA;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DCC1F6
300
#C394EF
400
#A25BE7
500
#8221DE
600
#681AB2
700
#53158E
800
#41106F
900
#311051
950
#1F0A33

Contrast Checker

Text on white

3,3:1

AA Fail AAA Fail

Text on black

6,37:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026