#BC7384

#BC7384

Color Values

HEX

#BC7384

RGB

188, 115, 132

HSL

346.0, 35.3%, 59.4%

HSV

346.0, 38.8%, 73.7%

CMYK

0.0%, 38.8%, 29.8%, 26.3%

OKLCH

0.6387 0.094 5.0

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BC7384

#73BCAB

Analogous

#BC73A9

#BC8673

#BC7384

Triadic

#BC7384

#84BC73

#7384BC

Split Complementary

#BC7384

#73BC86

#73A9BC

Tetradic

#BC7384

#A9BC73

#73BCAB

#8673BC

Color Blindness Simulation

Original

#BC7384

Protanopia

#9C9C80

Deuteranopia

#A1A67F

Tritanopia

#B87D7C

Achromatopsia

#848484

CSS Usage

background-color: #BC7384;
color: #BC7384;
border-color: #BC7384;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F3E8EA
200
#E8CFD5
300
#D7ACB6
400
#C27F8F
500
#AD5267
600
#8A4253
700
#6E3542
800
#562934
900
#402128
950
#281519

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

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