#BC18BF

#BC18BF

Color Values

HEX

#BC18BF

RGB

188, 24, 191

HSL

298.9, 77.7%, 42.2%

HSV

298.9, 87.4%, 74.9%

CMYK

1.6%, 87.4%, 0.0%, 25.1%

OKLCH

0.5662 0.2499 327.4

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BC18BF

#1BBF18

Analogous

#6918BF

#BF186F

#BC18BF

Triadic

#BC18BF

#BFBC18

#18BFBC

Split Complementary

#BC18BF

#6FBF18

#18BF69

Tetradic

#BC18BF

#BF6918

#1BBF18

#186FBF

Color Blindness Simulation

Original

#BC18BF

Protanopia

#757497

Deuteranopia

#7E8B8D

Tritanopia

#B47770

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E1F9
200
#F6C0F7
300
#F092F1
400
#E757EA
500
#DF1CE3
600
#B217B5
700
#8F1291
800
#6F0E71
900
#510F52
950
#330934

Contrast Checker

Text on white

5.22:1

AA Pass AAA Fail

Text on black

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