#D401FE

#D401FE

Color Values

HEX

#D401FE

RGB

212, 1, 254

HSL

290.0, 99.2%, 50.0%

HSV

290.0, 99.6%, 99.6%

CMYK

16.5%, 99.6%, 0.0%, 0.4%

OKLCH

0.6381 0.3081 318.6

Properties

Cool Light Nearest: darkorchid 1

Color Harmonies

Complementary

#D401FE

#2BFE01

Analogous

#5501FE

#FE01AA

#D401FE

Triadic

#D401FE

#FED401

#01FED4

Split Complementary

#D401FE

#AAFE01

#01FE55

Tetradic

#D401FE

#FE5501

#2BFE01

#01AAFE

Color Blindness Simulation

Original

#D401FE

Protanopia

#7977C1

Deuteranopia

#8595B2

Tritanopia

#C99086

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F7DEFC
200
#F3B8FF
300
#EA85FF
400
#DF43FE
500
#D401FE
600
#A901CB
700
#8801A3
800
#6A017F
900
#4D055C
950
#31033A

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

5.23: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