#DE3DDF

#DE3DDF

Color Values

HEX

#DE3DDF

RGB

222, 61, 223

HSL

299.6, 71.7%, 55.7%

HSV

299.6, 72.6%, 87.5%

CMYK

0.4%, 72.6%, 0.0%, 12.5%

OKLCH

0.6572 0.2582 327.8

Properties

Cool Light Nearest: magenta 3

Color Harmonies

Complementary

#DE3DDF

#3EDF3D

Analogous

#8D3DDF

#DF3D8F

#DE3DDF

Triadic

#DE3DDF

#DFDE3D

#3DDFDE

Split Complementary

#DE3DDF

#8FDF3D

#3DDF8D

Tetradic

#DE3DDF

#DF8D3D

#3EDF3D

#3D8FDF

Color Blindness Simulation

Original

#DE3DDF

Protanopia

#9897B8

Deuteranopia

#A2AEAE

Tritanopia

#D69992

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F8E2F8
200
#F5C2F5
300
#ED96EE
400
#E35DE4
500
#DA24DB
600
#AE1DAF
700
#8B178C
800
#6D126D
900
#4F1150
950
#320B32

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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