#BF83C5

#BF83C5

Color Values

HEX

#BF83C5

RGB

191, 131, 197

HSL

294.5, 36.3%, 64.3%

HSV

294.5, 33.5%, 77.3%

CMYK

3.0%, 33.5%, 0.0%, 22.7%

OKLCH

0.6928 0.1151 323.6

Properties

Cool Light Nearest: plum 3

Color Harmonies

Complementary

#BF83C5

#89C583

Analogous

#9E83C5

#C583AA

#BF83C5

Triadic

#BF83C5

#C5BF83

#83C5BF

Split Complementary

#BF83C5

#AAC583

#83C59E

Tetradic

#BF83C5

#C59E83

#89C583

#83AAC5

Color Blindness Simulation

Original

#BF83C5

Protanopia

#A5A4B5

Deuteranopia

#A8ADB1

Tritanopia

#BCA8A6

Achromatopsia

#959595

CSS Usage

background-color: #BF83C5;
color: #BF83C5;
border-color: #BF83C5;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F5FA
100
#F2E8F3
200
#E6CEE8
300
#D4ACD8
400
#BD7EC3
500
#A551AE
600
#84418B
700
#6A346F
800
#532957
900
#3D2140
950
#271529

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

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