#BE85F1

#BE85F1

Color Values

HEX

#BE85F1

RGB

190, 133, 241

HSL

271.7, 79.4%, 73.3%

HSV

271.7, 44.8%, 94.5%

CMYK

21.2%, 44.8%, 0.0%, 5.5%

OKLCH

0.7156 0.1615 307.1

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#BE85F1

#B8F185

Analogous

#8885F1

#F185EE

#BE85F1

Triadic

#BE85F1

#F1BE85

#85F1BE

Split Complementary

#BE85F1

#EEF185

#85F188

Tetradic

#BE85F1

#F18885

#B8F185

#85EEF1

Color Blindness Simulation

Original

#BE85F1

Protanopia

#A5A5D7

Deuteranopia

#A9ADD1

Tritanopia

#BBC2BE

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1F9
200
#DDBFF8
300
#C591F2
400
#A556EC
500
#851AE5
600
#6B15B7
700
#551192
800
#430D72
900
#320E53
950
#200934

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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