#BC24B0

#BC24B0

Color Values

HEX

#BC24B0

RGB

188, 36, 176

HSL

304.7, 67.9%, 43.9%

HSV

304.7, 80.9%, 73.7%

CMYK

0.0%, 80.9%, 6.4%, 26.3%

OKLCH

0.5633 0.2316 331.9

Properties

Warm Dark Nearest: darkmagenta

Color Harmonies

Complementary

#BC24B0

#24BC30

Analogous

#7C24BC

#BC2464

#BC24B0

Triadic

#BC24B0

#B0BC24

#24B0BC

Split Complementary

#BC24B0

#64BC24

#24BC7C

Tetradic

#BC24B0

#BC7C24

#24BC30

#2464BC

Color Blindness Simulation

Original

#BC24B0

Protanopia

#7A798E

Deuteranopia

#838E86

Tritanopia

#B4736E

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F4C3F0
300
#EB98E5
400
#E161D7
500
#D629C9
600
#AB21A0
700
#891A80
800
#6B1464
900
#4E1349
950
#310C2E

Contrast Checker

Text on white

5.23:1

AA Pass AAA Fail

Text on black

4.02:1

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