#BC5189

#BC5189

Color Values

HEX

#BC5189

RGB

188, 81, 137

HSL

328.6, 44.4%, 52.7%

HSV

328.6, 56.9%, 73.7%

CMYK

0.0%, 56.9%, 27.1%, 26.3%

OKLCH

0.5884 0.1509 350.2

Properties

Warm Light Nearest: Mulberry

Color Harmonies

Complementary

#BC5189

#51BC84

Analogous

#B951BC

#BC5153

#BC5189

Triadic

#BC5189

#89BC51

#5189BC

Split Complementary

#BC5189

#53BC51

#51BCB9

Tetradic

#BC5189

#BCB951

#51BC84

#5153BC

Color Blindness Simulation

Original

#BC5189

Protanopia

#8E8D7B

Deuteranopia

#949C78

Tritanopia

#B7716E

Achromatopsia

#6C6C6C

CSS Usage

background-color: #BC5189;
color: #BC5189;
border-color: #BC5189;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#EBCBDC
300
#DDA7C3
400
#CB77A3
500
#B84782
600
#933968
700
#762D53
800
#5C2341
900
#441D31
950
#2B121F

Contrast Checker

Text on white

4.49:1

AA Fail AAA Fail

Text on black

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