#D84ADC

#D84ADC

Color Values

HEX

#D84ADC

RGB

216, 74, 220

HSL

298.4, 67.6%, 57.6%

HSV

298.4, 66.4%, 86.3%

CMYK

1.8%, 66.4%, 0.0%, 13.7%

OKLCH

0.6582 0.239 326.7

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D84ADC

#4EDC4A

Analogous

#8F4ADC

#DC4A97

#D84ADC

Triadic

#D84ADC

#DCD84A

#4ADCD8

Split Complementary

#D84ADC

#97DC4A

#4ADC8F

Tetradic

#D84ADC

#DC8F4A

#4EDC4A

#4A97DC

Color Blindness Simulation

Original

#D84ADC

Protanopia

#9A99B9

Deuteranopia

#A3ADB0

Tritanopia

#D19D97

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F2C3F3
300
#E998EB
400
#DD61E0
500
#D129D6
600
#A721AB
700
#861A89
800
#69156B
900
#4C134E
950
#300C31

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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