#BC33BD

#BC33BD

Color Values

HEX

#BC33BD

RGB

188, 51, 189

HSL

299.6, 57.5%, 47.1%

HSV

299.6, 73.0%, 74.1%

CMYK

0.5%, 73.0%, 0.0%, 25.9%

OKLCH

0.581 0.2273 327.7

Properties

Cool Dark Nearest: mediumorchid

Color Harmonies

Complementary

#BC33BD

#34BD33

Analogous

#7733BD

#BD3379

#BC33BD

Triadic

#BC33BD

#BDBC33

#33BDBC

Split Complementary

#BC33BD

#79BD33

#33BD77

Tetradic

#BC33BD

#BD7733

#34BD33

#3379BD

Color Blindness Simulation

Original

#BC33BD

Protanopia

#817F9C

Deuteranopia

#899394

Tritanopia

#B5817B

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#FBF4FB
100
#F6E4F6
200
#F0C7F0
300
#E59FE5
400
#D66AD7
500
#C836C9
600
#A02BA1
700
#802381
800
#641B64
900
#49174A
950
#2E0F2E

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

AA Fail 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