#BD78ED

#BD78ED

Color Values

HEX

#BD78ED

RGB

189, 120, 237

HSL

275.4, 76.5%, 70.0%

HSV

275.4, 49.4%, 92.9%

CMYK

20.3%, 49.4%, 0.0%, 7.1%

OKLCH

0.6919 0.1773 309.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BD78ED

#A8ED78

Analogous

#8378ED

#ED78E2

#BD78ED

Triadic

#BD78ED

#EDBD78

#78EDBD

Split Complementary

#BD78ED

#E2ED78

#78ED83

Tetradic

#BD78ED

#ED8378

#A8ED78

#78E2ED

Color Blindness Simulation

Original

#BD78ED

Protanopia

#9F9FD1

Deuteranopia

#A3A8CA

Tritanopia

#BABAB5

Achromatopsia

#8F8F8F

CSS Usage

background-color: #BD78ED;
color: #BD78ED;
border-color: #BD78ED;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#E0C0F7
300
#CA93F1
400
#AE58E9
500
#911EE1
600
#7418B4
700
#5D1390
800
#490F71
900
#360F52
950
#220A34

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