#BE96D2

#BE96D2

Color Values

HEX

#BE96D2

RGB

190, 150, 210

HSL

280.0, 40.0%, 70.6%

HSV

280.0, 28.6%, 82.4%

CMYK

9.5%, 28.6%, 0.0%, 17.6%

OKLCH

0.7307 0.0953 314.2

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#BE96D2

#AAD296

Analogous

#A096D2

#D296C8

#BE96D2

Triadic

#BE96D2

#D2BE96

#96D2BE

Split Complementary

#BE96D2

#C8D296

#96D2A0

Tetradic

#BE96D2

#D2A096

#AAD296

#96C8D2

Color Blindness Simulation

Original

#BE96D2

Protanopia

#ADACC3

Deuteranopia

#AFB2C0

Tritanopia

#BCB8B6

Achromatopsia

#A3A3A3

CSS Usage

background-color: #BE96D2;
color: #BE96D2;
border-color: #BE96D2;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E0CDEA
300
#CAA9DA
400
#AD7BC6
500
#914CB2
600
#743D8F
700
#5C3172
800
#482659
900
#361F42
950
#22142A

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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