#D407F8

#D407F8

Color Values

HEX

#D407F8

RGB

212, 7, 248

HSL

291.0, 94.5%, 50.0%

HSV

291.0, 97.2%, 97.3%

CMYK

14.5%, 97.2%, 0.0%, 2.7%

OKLCH

0.6349 0.3028 319.9

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#D407F8

#2BF807

Analogous

#5B07F8

#F807A4

#D407F8

Triadic

#D407F8

#F8D407

#07F8D4

Split Complementary

#D407F8

#A4F807

#07F85B

Tetradic

#D407F8

#F85B07

#2BF807

#07A4F8

Color Blindness Simulation

Original

#D407F8

Protanopia

#7B79BE

Deuteranopia

#8796B0

Tritanopia

#CA9086

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F7DFFB
200
#F3BAFD
300
#EA88FC
400
#DF47FA
500
#D407F8
600
#A906C6
700
#88049F
800
#6A047C
900
#4D075A
950
#310539

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.19:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026