#BC29E2

#BC29E2

Color Values

HEX

#BC29E2

RGB

188, 41, 226

HSL

287.7, 76.1%, 52.4%

HSV

287.7, 81.9%, 88.6%

CMYK

16.8%, 81.9%, 0.0%, 11.4%

OKLCH

0.5974 0.2646 317.9

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#BC29E2

#4FE229

Analogous

#6029E2

#E229AB

#BC29E2

Triadic

#BC29E2

#E2BC29

#29E2BC

Split Complementary

#BC29E2

#ABE229

#29E260

Tetradic

#BC29E2

#E26029

#4FE229

#29ABE2

Color Blindness Simulation

Original

#BC29E2

Protanopia

#7C7BB5

Deuteranopia

#8590AA

Tritanopia

#B5928A

Achromatopsia

#565656

CSS Usage

background-color: #BC29E2;
color: #BC29E2;
border-color: #BC29E2;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF2FC
100
#F4E2F9
200
#EBC0F6
300
#DD93F0
400
#CB59E8
500
#B91EE1
600
#9418B4
700
#761490
800
#5C0F70
900
#440F52
950
#2B0A34

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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