#BC47C4

#BC47C4

Color Values

HEX

#BC47C4

RGB

188, 71, 196

HSL

296.2, 51.4%, 52.4%

HSV

296.2, 63.8%, 76.9%

CMYK

4.1%, 63.8%, 0.0%, 23.1%

OKLCH

0.6037 0.2093 325.1

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BC47C4

#4FC447

Analogous

#7E47C4

#C4478E

#BC47C4

Triadic

#BC47C4

#C4BC47

#47C4BC

Split Complementary

#BC47C4

#8EC447

#47C47E

Tetradic

#BC47C4

#C47E47

#4FC447

#478EC4

Color Blindness Simulation

Original

#BC47C4

Protanopia

#8988A6

Deuteranopia

#90999E

Tritanopia

#B68E89

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FAF4FB
100
#F4E5F5
200
#EBC9EE
300
#DDA2E1
400
#CB70D1
500
#B93EC1
600
#94329A
700
#76287C
800
#5C1F61
900
#441A47
950
#2B102D

Contrast Checker

Text on white

4.34:1

AA Fail AAA Fail

Text on black

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