#DD5CD3

#DD5CD3

Color Values

HEX

#DD5CD3

RGB

221, 92, 211

HSL

304,7, 65,5%, 61,4%

HSV

304,7, 58,4%, 86,7%

CMYK

0,0%, 58,4%, 4,5%, 13,3%

OKLCH

0,6793 0,2109 330,7

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#DD5CD3

#5CDD66

Analogous

#A75CDD

#DD5C92

#DD5CD3

Triadic

#DD5CD3

#D3DD5C

#5CD3DD

Split Complementary

#DD5CD3

#92DD5C

#5CDDA7

Tetradic

#DD5CD3

#DDA75C

#5CDD66

#5C92DD

Color Blindness Simulation

Original

#DD5CD3

Protanopia

#A5A4B6

Deuteranopia

#ADB6AF

Tritanopia

#D79F9A

Achromatopsia

#808080

CSS Usage

background-color: #DD5CD3;
color: #DD5CD3;
border-color: #DD5CD3;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C4EF
300
#EA9AE4
400
#DE63D5
500
#D32CC6
600
#A9239E
700
#871C7F
800
#6A1663
900
#4D1449
950
#310D2E

Contrast Checker

Text on white

3,21:1

AA Fail AAA Fail

Text on black

6,55:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026