#BC4394

#BC4394

Color Values

HEX

#BC4394

RGB

188, 67, 148

HSL

319.8, 47.5%, 50.0%

HSV

319.8, 64.4%, 73.7%

CMYK

0.0%, 64.4%, 21.3%, 26.3%

OKLCH

0.5757 0.1782 343.1

Properties

Warm Dark Nearest: Red Violet

Color Harmonies

Complementary

#BC4394

#43BC6B

Analogous

#A743BC

#BC4358

#BC4394

Triadic

#BC4394

#94BC43

#4394BC

Split Complementary

#BC4394

#58BC43

#43BCA7

Tetradic

#BC4394

#BCA743

#43BC6B

#4358BC

Color Blindness Simulation

Original

#BC4394

Protanopia

#888780

Deuteranopia

#8F987C

Tritanopia

#B6716E

Achromatopsia

#636363

CSS Usage

background-color: #BC4394;
color: #BC4394;
border-color: #BC4394;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FAF4F8
100
#F4E6F0
200
#ECCAE1
300
#DFA5CC
400
#CD74B0
500
#BC4394
600
#963676
700
#782B5F
800
#5E214A
900
#451C37
950
#2C1223

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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