#DD1DDC

#DD1DDC

Color Values

HEX

#DD1DDC

RGB

221, 29, 220

HSL

300.3, 76.8%, 49.0%

HSV

300.3, 86.9%, 86.7%

CMYK

0.0%, 86.9%, 0.5%, 13.3%

OKLCH

0.636 0.2796 328.5

Properties

Warm Light Nearest: magenta 3

Color Harmonies

Complementary

#DD1DDC

#1DDD1E

Analogous

#7E1DDD

#DD1D7C

#DD1DDC

Triadic

#DD1DDC

#DCDD1D

#1DDCDD

Split Complementary

#DD1DDC

#7CDD1D

#1DDD7E

Tetradic

#DD1DDC

#DD7E1D

#1DDD1E

#1D7CDD

Color Blindness Simulation

Original

#DD1DDC

Protanopia

#8A88AE

Deuteranopia

#95A3A3

Tritanopia

#D38981

Achromatopsia

#545454

CSS Usage

background-color: #DD1DDC;
color: #DD1DDC;
border-color: #DD1DDC;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F7C0F6
300
#F193F0
400
#E958E8
500
#E11EE0
600
#B418B4
700
#901390
800
#710F70
900
#520F52
950
#340934

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026