#BC7287

#BC7287

Color Values

HEX

#BC7287

RGB

188, 114, 135

HSL

343.0, 35.6%, 59.2%

HSV

343.0, 39.4%, 73.7%

CMYK

0.0%, 39.4%, 28.2%, 26.3%

OKLCH

0.6379 0.0965 1.9

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BC7287

#72BCA7

Analogous

#BC72AC

#BC8272

#BC7287

Triadic

#BC7287

#87BC72

#7287BC

Split Complementary

#BC7287

#72BC82

#72ACBC

Tetradic

#BC7287

#ACBC72

#72BCA7

#8272BC

Color Blindness Simulation

Original

#BC7287

Protanopia

#9C9B82

Deuteranopia

#A0A681

Tritanopia

#B87E7D

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E8EB
200
#E8CFD6
300
#D8ACB8
400
#C27F92
500
#AD526C
600
#8A4256
700
#6F3545
800
#562936
900
#40212A
950
#28151A

Contrast Checker

Text on white

3.56:1

AA Fail AAA Fail

Text on black

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