#BC4DA0

#BC4DA0

Color Values

HEX

#BC4DA0

RGB

188, 77, 160

HSL

315.1, 45.3%, 52.0%

HSV

315.1, 59.0%, 73.7%

CMYK

0.0%, 59.0%, 14.9%, 26.3%

OKLCH

0.5926 0.1719 338.6

Properties

Warm Light Nearest: Red Violet

Color Harmonies

Complementary

#BC4DA0

#4DBC69

Analogous

#A14DBC

#BC4D69

#BC4DA0

Triadic

#BC4DA0

#A0BC4D

#4DA0BC

Split Complementary

#BC4DA0

#69BC4D

#4DBCA1

Tetradic

#BC4DA0

#BCA14D

#4DBC69

#4D69BC

Color Blindness Simulation

Original

#BC4DA0

Protanopia

#8C8B8C

Deuteranopia

#929B87

Tritanopia

#B67C79

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FAF4F9
100
#F4E6F1
200
#EBCBE3
300
#DEA6D0
400
#CB76B6
500
#B9469C
600
#94387D
700
#772D64
800
#5D234E
900
#441D3A
950
#2B1225

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

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