#D867EC

#D867EC

Color Values

HEX

#D867EC

RGB

216, 103, 236

HSL

291.0, 77.8%, 66.5%

HSV

291.0, 56.4%, 92.5%

CMYK

8.5%, 56.4%, 0.0%, 7.5%

OKLCH

0.6987 0.2138 321.4

Properties

Cool Light Nearest: mediumorchid 2

Color Harmonies

Complementary

#D867EC

#7BEC67

Analogous

#9667EC

#EC67BE

#D867EC

Triadic

#D867EC

#ECD867

#67ECD8

Split Complementary

#D867EC

#BEEC67

#67EC96

Tetradic

#D867EC

#EC9667

#7BEC67

#67BEEC

Color Blindness Simulation

Original

#D867EC

Protanopia

#A7A6CC

Deuteranopia

#AEB6C4

Tritanopia

#D2B2AD

Achromatopsia

#898989

CSS Usage

background-color: #D867EC;
color: #D867EC;
border-color: #D867EC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF2FC
100
#F5E1F9
200
#EFC0F7
300
#E392F1
400
#D457EA
500
#C51CE3
600
#9E17B5
700
#7E1291
800
#620E71
900
#480F52
950
#2E0934

Contrast Checker

Text on white

2.97:1

AA Fail AAA Fail

Text on black

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