#AF01FE

#AF01FE

Color Values

HEX

#AF01FE

RGB

175, 1, 254

HSL

281,3, 99,2%, 50,0%

HSV

281,3, 99,6%, 99,6%

CMYK

31,1%, 99,6%, 0,0%, 0,4%

OKLCH

0,5872 0,2987 308,7

Properties

Cool Dark Nearest: purple 1

Color Harmonies

Complementary

#AF01FE

#50FE01

Analogous

#3101FE

#FE01CE

#AF01FE

Triadic

#AF01FE

#FEAF01

#01FEAF

Split Complementary

#AF01FE

#CEFE01

#01FE31

Tetradic

#AF01FE

#FE3101

#50FE01

#01CEFE

Color Blindness Simulation

Original

#AF01FE

Protanopia

#6462C1

Deuteranopia

#6E7BB2

Tritanopia

#A69086

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FAF1FE
100
#F3DEFC
200
#E9B8FF
300
#D985FF
400
#C443FE
500
#AF01FE
600
#8C01CB
700
#7001A3
800
#58017F
900
#41055C
950
#29033A

Contrast Checker

Text on white

4,93:1

AA Pass AAA Fail

Text on black

4,26:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026