#BC5280

#BC5280

Color Values

HEX

#BC5280

RGB

188, 82, 128

HSL

334.0, 44.2%, 52.9%

HSV

334.0, 56.4%, 73.7%

CMYK

0.0%, 56.4%, 31.9%, 26.3%

OKLCH

0.5865 0.1449 355.3

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BC5280

#52BC8E

Analogous

#BC52B5

#BC5952

#BC5280

Triadic

#BC5280

#80BC52

#5280BC

Split Complementary

#BC5280

#52BC59

#52B5BC

Tetradic

#BC5280

#B5BC52

#52BC8E

#5952BC

Color Blindness Simulation

Original

#BC5280

Protanopia

#8E8D75

Deuteranopia

#949C72

Tritanopia

#B76C6A

Achromatopsia

#6C6C6C

CSS Usage

background-color: #BC5280;
color: #BC5280;
border-color: #BC5280;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCCD9
300
#DDA7BE
400
#CA779B
500
#B84778
600
#933960
700
#762E4D
800
#5C243C
900
#441D2E
950
#2B121D

Contrast Checker

Text on white

4.51:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026