#D84FF3

#D84FF3

Color Values

HEX

#D84FF3

RGB

216, 79, 243

HSL

290.1, 87.2%, 63.1%

HSV

290.1, 67.5%, 95.3%

CMYK

11.1%, 67.5%, 0.0%, 4.7%

OKLCH

0.676 0.2518 320.6

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#D84FF3

#6AF34F

Analogous

#864FF3

#F34FBC

#D84FF3

Triadic

#D84FF3

#F3D84F

#4FF3D8

Split Complementary

#D84FF3

#BCF34F

#4FF386

Tetradic

#D84FF3

#F3864F

#6AF34F

#4FBCF3

Color Blindness Simulation

Original

#D84FF3

Protanopia

#9D9BCB

Deuteranopia

#A5AFC2

Tritanopia

#D1ACA5

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FBF2FD
100
#F6E0FA
200
#F0BCFA
300
#E68CF7
400
#D84EF3
500
#CA10EF
600
#A20DBF
700
#810A99
800
#650877
900
#4A0A56
950
#2F0737

Contrast Checker

Text on white

3.32:1

AA Fail AAA Fail

Text on black

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