#D501FE

#D501FE

Color Values

HEX

#D501FE

RGB

213, 1, 254

HSL

290.3, 99.2%, 50.0%

HSV

290.3, 99.6%, 99.6%

CMYK

16.1%, 99.6%, 0.0%, 0.4%

OKLCH

0.6395 0.3084 318.9

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#D501FE

#2AFE01

Analogous

#5701FE

#FE01A8

#D501FE

Triadic

#D501FE

#FED501

#01FED5

Split Complementary

#D501FE

#A8FE01

#01FE57

Tetradic

#D501FE

#FE5701

#2AFE01

#01A8FE

Color Blindness Simulation

Original

#D501FE

Protanopia

#7977C1

Deuteranopia

#8695B2

Tritanopia

#CA9086

Achromatopsia

#404040

CSS Usage

background-color: #D501FE;
color: #D501FE;
border-color: #D501FE;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FCF1FE
100
#F7DEFC
200
#F3B8FF
300
#EB85FF
400
#E043FE
500
#D501FE
600
#AA01CB
700
#8801A3
800
#6B017F
900
#4E055C
950
#31033A

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

AA Pass 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