#BE78EE

#BE78EE

Color Values

HEX

#BE78EE

RGB

190, 120, 238

HSL

275.6, 77.6%, 70.2%

HSV

275.6, 49.6%, 93.3%

CMYK

20.2%, 49.6%, 0.0%, 6.7%

OKLCH

0.6935 0.1788 309.9

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BE78EE

#A8EE78

Analogous

#8378EE

#EE78E3

#BE78EE

Triadic

#BE78EE

#EEBE78

#78EEBE

Split Complementary

#BE78EE

#E3EE78

#78EE83

Tetradic

#BE78EE

#EE8378

#A8EE78

#78E3EE

Color Blindness Simulation

Original

#BE78EE

Protanopia

#A09FD1

Deuteranopia

#A4A9CB

Tritanopia

#BABBB6

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE1F9
200
#E0C0F7
300
#CB92F1
400
#AE57EA
500
#921DE2
600
#7517B5
700
#5D1291
800
#490E71
900
#370F52
950
#230934

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.11:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026