#BC57C4

#BC57C4

Color Values

HEX

#BC57C4

RGB

188, 87, 196

HSL

295.6, 48.0%, 55.5%

HSV

295.6, 55.6%, 76.9%

CMYK

4.1%, 55.6%, 0.0%, 23.1%

OKLCH

0.6225 0.1865 324.6

Properties

Cool Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BC57C4

#5FC457

Analogous

#8657C4

#C45796

#BC57C4

Triadic

#BC57C4

#C4BC57

#57C4BC

Split Complementary

#BC57C4

#96C457

#57C486

Tetradic

#BC57C4

#C48657

#5FC457

#5796C4

Color Blindness Simulation

Original

#BC57C4

Protanopia

#908FAA

Deuteranopia

#969EA3

Tritanopia

#B79590

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F3E6F4
200
#EACAEC
300
#DBA4DF
400
#C773CE
500
#B442BD
600
#903597
700
#732A79
800
#5A215E
900
#421C45
950
#2A112C

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.3:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026