#BF84BE

#BF84BE

Color Values

HEX

#BF84BE

RGB

191, 132, 190

HSL

301.0, 31.6%, 63.3%

HSV

301.0, 30.9%, 74.9%

CMYK

0.0%, 30.9%, 0.5%, 25.1%

OKLCH

0.6917 0.1061 327.2

Properties

Warm Light Nearest: plum 3

Color Harmonies

Complementary

#BF84BE

#84BF85

Analogous

#A284BF

#BF84A0

#BF84BE

Triadic

#BF84BE

#BEBF84

#84BEBF

Split Complementary

#BF84BE

#A0BF84

#84BFA2

Tetradic

#BF84BE

#BFA284

#84BF85

#84A0BF

Color Blindness Simulation

Original

#BF84BE

Protanopia

#A5A5B0

Deuteranopia

#A9ADAD

Tritanopia

#BCA5A2

Achromatopsia

#959595

CSS Usage

background-color: #BF84BE;
color: #BF84BE;
border-color: #BF84BE;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F9
100
#F2E8F2
200
#E7D0E6
300
#D5AED4
400
#BE83BD
500
#A857A6
600
#864685
700
#6B386B
800
#542C53
900
#3E233E
950
#271627

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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