#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026