#BE74EF

#BE74EF

Color Values

HEX

#BE74EF

RGB

190, 116, 239

HSL

276.1, 79.4%, 69.6%

HSV

276.1, 51.5%, 93.7%

CMYK

20.5%, 51.5%, 0.0%, 6.3%

OKLCH

0.6881 0.1862 310.2

Properties

Cool Light Nearest: mediumpurple 1

Color Harmonies

Complementary

#BE74EF

#A5EF74

Analogous

#8074EF

#EF74E3

#BE74EF

Triadic

#BE74EF

#EFBE74

#74EFBE

Split Complementary

#BE74EF

#E3EF74

#74EF80

Tetradic

#BE74EF

#EF8074

#A5EF74

#74E3EF

Color Blindness Simulation

Original

#BE74EF

Protanopia

#9E9DD1

Deuteranopia

#A2A8CA

Tritanopia

#BABAB5

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#F0E1F9
200
#E1BFF8
300
#CC91F2
400
#B056EC
500
#941AE5
600
#7615B7
700
#5F1192
800
#4A0D72
900
#370E53
950
#230934

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

6.93:1

AA Pass AAA Fail

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