#BC43B2

#BC43B2

Color Values

HEX

#BC43B2

RGB

188, 67, 178

HSL

305.0, 47.5%, 50.0%

HSV

305.0, 64.4%, 73.7%

CMYK

0.0%, 64.4%, 5.3%, 26.3%

OKLCH

0.5898 0.1999 331.2

Properties

Warm Light Nearest: mediumorchid 3

Color Harmonies

Complementary

#BC43B2

#43BC4D

Analogous

#8A43BC

#BC4375

#BC43B2

Triadic

#BC43B2

#B2BC43

#43B2BC

Split Complementary

#BC43B2

#75BC43

#43BC8A

Tetradic

#BC43B2

#BC8A43

#43BC4D

#4375BC

Color Blindness Simulation

Original

#BC43B2

Protanopia

#888797

Deuteranopia

#8F9891

Tritanopia

#B6827D

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCAE9
300
#DFA5DA
400
#CD74C6
500
#BC43B2
600
#96368E
700
#782B72
800
#5E2159
900
#451C42
950
#2C122A

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

4.58:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026