#BC787B

#BC787B

Color Values

HEX

#BC787B

RGB

188, 120, 123

HSL

357.4, 33.7%, 60.4%

HSV

357.4, 36.2%, 73.7%

CMYK

0.0%, 36.2%, 34.6%, 26.3%

OKLCH

0.6449 0.0855 16.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BC787B

#78BCB9

Analogous

#BC789D

#BC9778

#BC787B

Triadic

#BC787B

#7BBC78

#787BBC

Split Complementary

#BC787B

#78BC97

#789DBC

Tetradic

#BC787B

#9DBC78

#78BCB9

#9778BC

Color Blindness Simulation

Original

#BC787B

Protanopia

#9F9E7A

Deuteranopia

#A2A87A

Tritanopia

#B97A7A

Achromatopsia

#878787

CSS Usage

background-color: #BC787B;
color: #BC787B;
border-color: #BC787B;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF5F5
100
#F2E8E8
200
#E7CFD0
300
#D6ADAF
400
#C08184
500
#AA5558
600
#884447
700
#6D3638
800
#552A2C
900
#3F2223
950
#281516

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

6.11:1

AA Pass 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