#AF0FF0

#AF0FF0

Color Values

HEX

#AF0FF0

RGB

175, 15, 240

HSL

282,7, 88,2%, 50,0%

HSV

282,7, 93,8%, 94,1%

CMYK

27,1%, 93,8%, 0,0%, 5,9%

OKLCH

0,5788 0,2849 311,4

Properties

Cool Dark Nearest: darkorchid 1

Color Harmonies

Complementary

#AF0FF0

#50F00F

Analogous

#3F0FF0

#F00FC0

#AF0FF0

Triadic

#AF0FF0

#F0AF0F

#0FF0AF

Split Complementary

#AF0FF0

#C0F00F

#0FF03F

Tetradic

#AF0FF0

#F03F0F

#50F00F

#0FC0F0

Color Blindness Simulation

Original

#AF0FF0

Protanopia

#6A68BA

Deuteranopia

#737FAC

Tritanopia

#A78F85

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FAF2FD
100
#F3E0FB
200
#E9BCFB
300
#D98CF8
400
#C44DF4
500
#AF0FF0
600
#8C0CC0
700
#700A9A
800
#580878
900
#410A57
950
#290637

Contrast Checker

Text on white

5,06:1

AA Pass AAA Fail

Text on black

4,15:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026