#D949DC

#D949DC

Color Values

HEX

#D949DC

RGB

217, 73, 220

HSL

298.8, 67.7%, 57.5%

HSV

298.8, 66.8%, 86.3%

CMYK

1.4%, 66.8%, 0.0%, 13.7%

OKLCH

0.6587 0.2406 327.0

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D949DC

#4CDC49

Analogous

#9049DC

#DC4996

#D949DC

Triadic

#D949DC

#DCD949

#49DCD9

Split Complementary

#D949DC

#96DC49

#49DC90

Tetradic

#D949DC

#DC9049

#4CDC49

#4996DC

Color Blindness Simulation

Original

#D949DC

Protanopia

#9B99B8

Deuteranopia

#A3AEB0

Tritanopia

#D29C96

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F3C3F3
300
#EA98EB
400
#DE61E1
500
#D229D6
600
#A821AB
700
#871A89
800
#69156B
900
#4D134E
950
#300C31

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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