#DD50DC

#DD50DC

Color Values

HEX

#DD50DC

RGB

221, 80, 220

HSL

300.4, 67.5%, 59.0%

HSV

300.4, 63.8%, 86.7%

CMYK

0.0%, 63.8%, 0.5%, 13.3%

OKLCH

0.6709 0.2341 328.1

Properties

Warm Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#DD50DC

#50DD51

Analogous

#9750DD

#DD5096

#DD50DC

Triadic

#DD50DC

#DCDD50

#50DCDD

Split Complementary

#DD50DC

#96DD50

#50DD97

Tetradic

#DD50DC

#DD9750

#50DD51

#5096DD

Color Blindness Simulation

Original

#DD50DC

Protanopia

#A09FBA

Deuteranopia

#A8B3B2

Tritanopia

#D69F9A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F3
300
#EB98EB
400
#E061DF
500
#D629D4
600
#AB21AA
700
#891B88
800
#6B156A
900
#4E134D
950
#310C31

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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