#BC4EBD

#BC4EBD

Color Values

HEX

#BC4EBD

RGB

188, 78, 189

HSL

299.5, 45.7%, 52.4%

HSV

299.5, 58.7%, 74.1%

CMYK

0.5%, 58.7%, 0.0%, 25.9%

OKLCH

0.6078 0.1936 327.3

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BC4EBD

#4FBD4E

Analogous

#854EBD

#BD4E87

#BC4EBD

Triadic

#BC4EBD

#BDBC4E

#4EBDBC

Split Complementary

#BC4EBD

#87BD4E

#4EBD85

Tetradic

#BC4EBD

#BD854E

#4FBD4E

#4E87BD

Color Blindness Simulation

Original

#BC4EBD

Protanopia

#8C8BA2

Deuteranopia

#939B9C

Tritanopia

#B68D88

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F4
200
#EBCBEC
300
#DDA6DE
400
#CB76CC
500
#B945BA
600
#943795
700
#762C77
800
#5C235D
900
#441D44
950
#2B122B

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

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