#BB5FE3

#BB5FE3

Color Values

HEX

#BB5FE3

RGB

187, 95, 227

HSL

281.8, 70.2%, 63.1%

HSV

281.8, 58.1%, 89.0%

CMYK

17.6%, 58.1%, 0.0%, 11.0%

OKLCH

0.6486 0.204 314.4

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#BB5FE3

#87E35F

Analogous

#795FE3

#E35FC9

#BB5FE3

Triadic

#BB5FE3

#E3BB5F

#5FE3BB

Split Complementary

#BB5FE3

#C9E35F

#5FE379

Tetradic

#BB5FE3

#E3795F

#87E35F

#5FC9E3

Color Blindness Simulation

Original

#BB5FE3

Protanopia

#9392C3

Deuteranopia

#989FBB

Tritanopia

#B6AAA4

Achromatopsia

#7C7C7C

CSS Usage

background-color: #BB5FE3;
color: #BB5FE3;
border-color: #BB5FE3;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#F9F3FC
100
#F1E2F8
200
#E5C2F4
300
#D397ED
400
#BB5EE3
500
#A326D9
600
#821EAE
700
#68188B
800
#51136D
900
#3C124F
950
#260B32

Contrast Checker

Text on white

3.58:1

AA Fail AAA Fail

Text on black

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