#D84CDB

#D84CDB

Color Values

HEX

#D84CDB

RGB

216, 76, 219

HSL

298.7, 66.5%, 57.8%

HSV

298.7, 65.3%, 85.9%

CMYK

1.4%, 65.3%, 0.0%, 14.1%

OKLCH

0.6596 0.2358 327.0

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D84CDB

#4FDB4C

Analogous

#904CDB

#DB4C96

#D84CDB

Triadic

#D84CDB

#DBD84C

#4CDBD8

Split Complementary

#D84CDB

#96DB4C

#4CDB90

Tetradic

#D84CDB

#DB904C

#4FDB4C

#4C96DB

Color Blindness Simulation

Original

#D84CDB

Protanopia

#9B9AB8

Deuteranopia

#A4AEB0

Tritanopia

#D19D97

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FBF3FC
100
#F7E3F7
200
#F2C4F3
300
#E999EA
400
#DD62DF
500
#D12BD4
600
#A722AA
700
#861B88
800
#68156A
900
#4C134D
950
#300C31

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

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