#DF4AF7

#DF4AF7

Color Values

HEX

#DF4AF7

RGB

223, 74, 247

HSL

291.7, 91.5%, 62.9%

HSV

291.7, 70.0%, 96.9%

CMYK

9.7%, 70.0%, 0.0%, 3.1%

OKLCH

0.683 0.2636 321.8

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#DF4AF7

#62F74A

Analogous

#884AF7

#F74AB8

#DF4AF7

Triadic

#DF4AF7

#F7DF4A

#4AF7DF

Split Complementary

#DF4AF7

#B8F74A

#4AF788

Tetradic

#DF4AF7

#F7884A

#62F74A

#4AB8F7

Color Blindness Simulation

Original

#DF4AF7

Protanopia

#9E9DCD

Deuteranopia

#A7B2C3

Tritanopia

#D8ACA5

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F7DFFB
200
#F3BBFC
300
#EA8AFA
400
#DF4AF7
500
#D40BF4
600
#AA09C3
700
#88079C
800
#6A057A
900
#4D0958
950
#310538

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026