#BF4BBB

#BF4BBB

Color Values

HEX

#BF4BBB

RGB

191, 75, 187

HSL

302.1, 47.5%, 52.2%

HSV

302.1, 60.7%, 74.9%

CMYK

0.0%, 60.7%, 2.1%, 25.1%

OKLCH

0.6074 0.1979 329.1

Properties

Warm Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BF4BBB

#4BBF4F

Analogous

#894BBF

#BF4B81

#BF4BBB

Triadic

#BF4BBB

#BBBF4B

#4BBBBF

Split Complementary

#BF4BBB

#81BF4B

#4BBF89

Tetradic

#BF4BBB

#BF894B

#4BBF4F

#4B81BF

Color Blindness Simulation

Original

#BF4BBB

Protanopia

#8D8CA0

Deuteranopia

#949C99

Tritanopia

#B98A86

Achromatopsia

#6C6C6C

CSS Usage

background-color: #BF4BBB;
color: #BF4BBB;
border-color: #BF4BBB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#ECCAEB
300
#DFA5DD
400
#CD74CA
500
#BC43B8
600
#963693
700
#782B76
800
#5E215C
900
#451C44
950
#2C122B

Contrast Checker

Text on white

4.25:1

AA Fail AAA Fail

Text on black

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