#BC4885

#BC4885

Color Values

HEX

#BC4885

RGB

188, 72, 133

HSL

328.4, 46.4%, 51.0%

HSV

328.4, 61.7%, 73.7%

CMYK

0.0%, 61.7%, 29.3%, 26.3%

OKLCH

0.5755 0.1623 350.8

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#BC4885

#48BC7F

Analogous

#B948BC

#BC484B

#BC4885

Triadic

#BC4885

#85BC48

#4885BC

Split Complementary

#BC4885

#4BBC48

#48BCB9

Tetradic

#BC4885

#BCB948

#48BC7F

#484BBC

Color Blindness Simulation

Original

#BC4885

Protanopia

#8A8976

Deuteranopia

#909973

Tritanopia

#B66B68

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF4F8
100
#F4E6EE
200
#ECCBDC
300
#DEA5C3
400
#CC75A3
500
#BB4483
600
#953769
700
#772C54
800
#5D2241
900
#451C32
950
#2B121F

Contrast Checker

Text on white

4.77:1

AA Pass AAA Fail

Text on black

4.4:1

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