#BF34B5

#BF34B5

Color Values

HEX

#BF34B5

RGB

191, 52, 181

HSL

304.3, 57.2%, 47.6%

HSV

304.3, 72.8%, 74.9%

CMYK

0.0%, 72.8%, 5.2%, 25.1%

OKLCH

0.5818 0.2218 331.2

Properties

Warm Dark Nearest: mediumorchid 3

Color Harmonies

Complementary

#BF34B5

#34BF3E

Analogous

#8334BF

#BF346F

#BF34B5

Triadic

#BF34B5

#B5BF34

#34B5BF

Split Complementary

#BF34B5

#6FBF34

#34BF83

Tetradic

#BF34B5

#BF8334

#34BF3E

#346FBF

Color Blindness Simulation

Original

#BF34B5

Protanopia

#838296

Deuteranopia

#8B958E

Tritanopia

#B87D78

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F5
200
#F0C7ED
300
#E59FE0
400
#D76BCF
500
#C837BE
600
#A02C98
700
#80237A
800
#641B5F
900
#491846
950
#2E0F2C

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.37:1

AA Fail 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