#BC18C3

#BC18C3

Color Values

HEX

#BC18C3

RGB

188, 24, 195

HSL

297.5, 78.1%, 42.9%

HSV

297.5, 87.7%, 76.5%

CMYK

3.6%, 87.7%, 0.0%, 23.5%

OKLCH

0.5687 0.2526 326.3

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC18C3

#1FC318

Analogous

#6618C3

#C31875

#BC18C3

Triadic

#BC18C3

#C3BC18

#18C3BC

Split Complementary

#BC18C3

#75C318

#18C366

Tetradic

#BC18C3

#C36618

#1FC318

#1875C3

Color Blindness Simulation

Original

#BC18C3

Protanopia

#75749A

Deuteranopia

#7E8B90

Tritanopia

#B47972

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E1F9
200
#F5BFF7
300
#EE92F2
400
#E457EA
500
#DB1CE3
600
#AF16B6
700
#8C1291
800
#6D0E72
900
#500E53
950
#320934

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

4.06:1

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