#D582CC

#D582CC

Color Values

HEX

#D582CC

RGB

213, 130, 204

HSL

306.5, 49.7%, 67.3%

HSV

306.5, 39.0%, 83.5%

CMYK

0.0%, 39.0%, 4.2%, 16.5%

OKLCH

0.7184 0.1388 330.9

Properties

Warm Light Nearest: plum

Color Harmonies

Complementary

#D582CC

#82D58B

Analogous

#B582D5

#D582A3

#D582CC

Triadic

#D582CC

#CCD582

#82CCD5

Split Complementary

#D582CC

#A3D582

#82D5B5

Tetradic

#D582CC

#D5B582

#82D58B

#82A3D5

Color Blindness Simulation

Original

#D582CC

Protanopia

#B1B0BA

Deuteranopia

#B6BCB6

Tritanopia

#D1ACA9

Achromatopsia

#999999

CSS Usage

background-color: #D582CC;
color: #D582CC;
border-color: #D582CC;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FBF4FA
100
#F5E6F3
200
#EDCAE9
300
#E0A3DA
400
#D072C5
500
#BF40B1
600
#99338E
700
#7A2971
800
#5F2059
900
#461B41
950
#2C1129

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

7.89:1

AA Pass AAA Pass

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