#AF02F5

#AF02F5

Color Values

HEX

#AF02F5

RGB

175, 2, 245

HSL

282,7, 98,4%, 48,4%

HSV

282,7, 99,2%, 96,1%

CMYK

28,6%, 99,2%, 0,0%, 3,9%

OKLCH

0,5801 0,2918 310,5

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#AF02F5

#48F502

Analogous

#3502F5

#F502C1

#AF02F5

Triadic

#AF02F5

#F5AF02

#02F5AF

Split Complementary

#AF02F5

#C1F502

#02F535

Tetradic

#AF02F5

#F53502

#48F502

#02C1F5

Color Blindness Simulation

Original

#AF02F5

Protanopia

#6463BA

Deuteranopia

#6E7BAC

Tritanopia

#A68C82

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#EAB8FE
300
#DB86FE
400
#C844FD
500
#B502FD
600
#9002CA
700
#7401A2
800
#5A017E
900
#43065B
950
#2A043A

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

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