#DE4FDB

#DE4FDB

Color Values

HEX

#DE4FDB

RGB

222, 79, 219

HSL

301.3, 68.4%, 59.0%

HSV

301.3, 64.4%, 87.1%

CMYK

0.0%, 64.4%, 1.4%, 12.9%

OKLCH

0.6708 0.2351 328.7

Properties

Warm Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#DE4FDB

#4FDE52

Analogous

#9A4FDE

#DE4F93

#DE4FDB

Triadic

#DE4FDB

#DBDE4F

#4FDBDE

Split Complementary

#DE4FDB

#93DE4F

#4FDE9A

Tetradic

#DE4FDB

#DE9A4F

#4FDE52

#4F93DE

Color Blindness Simulation

Original

#DE4FDB

Protanopia

#A09FB9

Deuteranopia

#A8B3B1

Tritanopia

#D79E98

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E3F7
200
#F4C3F3
300
#EC98EA
400
#E160DE
500
#D728D3
600
#AC20A9
700
#891A87
800
#6B1469
900
#4E134D
950
#310C31

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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