#BC5486

#BC5486

Color Values

HEX

#BC5486

RGB

188, 84, 134

HSL

331.2, 43.7%, 53.3%

HSV

331.2, 55.3%, 73.7%

CMYK

0.0%, 55.3%, 28.7%, 26.3%

OKLCH

0.5913 0.1447 352.4

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BC5486

#54BC8A

Analogous

#BC54BA

#BC5654

#BC5486

Triadic

#BC5486

#86BC54

#5486BC

Split Complementary

#BC5486

#54BC56

#54BABC

Tetradic

#BC5486

#BABC54

#54BC8A

#5654BC

Color Blindness Simulation

Original

#BC5486

Protanopia

#8F8E7A

Deuteranopia

#959D77

Tritanopia

#B7706E

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F4E7ED
200
#EBCCDB
300
#DDA7C1
400
#CA779F
500
#B7487D
600
#933964
700
#752E50
800
#5C243F
900
#441D30
950
#2B131E

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026