#DF4FE4

#DF4FE4

Color Values

HEX

#DF4FE4

RGB

223, 79, 228

HSL

298.0, 73.4%, 60.2%

HSV

298.0, 65.4%, 89.4%

CMYK

2.2%, 65.4%, 0.0%, 10.6%

OKLCH

0.6769 0.2427 326.5

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#DF4FE4

#54E44F

Analogous

#954FE4

#E44F9E

#DF4FE4

Triadic

#DF4FE4

#E4DF4F

#4FE4DF

Split Complementary

#DF4FE4

#9EE44F

#4FE495

Tetradic

#DF4FE4

#E4954F

#54E44F

#4F9EE4

Color Blindness Simulation

Original

#DF4FE4

Protanopia

#A19FC0

Deuteranopia

#A9B4B7

Tritanopia

#D8A39D

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F4C1F6
300
#EC95EF
400
#E15BE6
500
#D722DD
600
#AC1BB1
700
#8A168D
800
#6B116F
900
#4E1050
950
#310A33

Contrast Checker

Text on white

3.29:1

AA Fail AAA Fail

Text on black

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