#AF15EA

#AF15EA

Color Values

HEX

#AF15EA

RGB

175, 21, 234

HSL

283.4, 83.5%, 50.0%

HSV

283.4, 91.0%, 91.8%

CMYK

25.2%, 91.0%, 0.0%, 8.2%

OKLCH

0.5759 0.2783 312.6

Properties

Cool Dark Nearest: darkorchid 1

Color Harmonies

Complementary

#AF15EA

#50EA15

Analogous

#4515EA

#EA15BA

#AF15EA

Triadic

#AF15EA

#EAAF15

#15EAAF

Split Complementary

#AF15EA

#BAEA15

#15EA45

Tetradic

#AF15EA

#EA4515

#50EA15

#15BAEA

Color Blindness Simulation

Original

#AF15EA

Protanopia

#6C6BB7

Deuteranopia

#7581AA

Tritanopia

#A78E85

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F3E0FA
200
#E9BDF9
300
#D98FF5
400
#C452EF
500
#AF15EA
600
#8C11BB
700
#700D96
800
#580B75
900
#410C55
950
#290836

Contrast Checker

Text on white

5.1:1

AA Pass AAA Fail

Text on black

4.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026