#BE81EC

#BE81EC

Color Values

HEX

#BE81EC

RGB

190, 129, 236

HSL

274.2, 73.8%, 71.6%

HSV

274.2, 45.3%, 92.5%

CMYK

19.5%, 45.3%, 0.0%, 7.5%

OKLCH

0.7066 0.1621 309.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BE81EC

#AFEC81

Analogous

#8981EC

#EC81E5

#BE81EC

Triadic

#BE81EC

#ECBE81

#81ECBE

Split Complementary

#BE81EC

#E5EC81

#81EC89

Tetradic

#BE81EC

#EC8981

#AFEC81

#81E5EC

Color Blindness Simulation

Original

#BE81EC

Protanopia

#A4A3D2

Deuteranopia

#A7ACCC

Tritanopia

#BBBEB9

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F6
300
#C895EF
400
#AA5BE6
500
#8D21DE
600
#711BB1
700
#5A158E
800
#46116F
900
#351051
950
#210A33

Contrast Checker

Text on white

2.78:1

AA Fail AAA Fail

Text on black

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