#BC4B82

#BC4B82

Color Values

HEX

#BC4B82

RGB

188, 75, 130

HSL

330.8, 45.7%, 51.6%

HSV

330.8, 60.1%, 73.7%

CMYK

0.0%, 60.1%, 30.9%, 26.3%

OKLCH

0.5781 0.1564 352.8

Properties

Warm Dark Nearest: Mulberry

Color Harmonies

Complementary

#BC4B82

#4BBC85

Analogous

#BC4BBA

#BC4D4B

#BC4B82

Triadic

#BC4B82

#82BC4B

#4B82BC

Split Complementary

#BC4B82

#4BBC4D

#4BBABC

Tetradic

#BC4B82

#BABC4B

#4BBC85

#4D4BBC

Color Blindness Simulation

Original

#BC4B82

Protanopia

#8B8A75

Deuteranopia

#929A72

Tritanopia

#B66A68

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6ED
200
#ECCBDB
300
#DEA6C1
400
#CC76A0
500
#BA457E
600
#953765
700
#772C51
800
#5D233F
900
#441D30
950
#2B121E

Contrast Checker

Text on white

4.7:1

AA Pass AAA Fail

Text on black

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