#BC747C

#BC747C

Color Values

HEX

#BC747C

RGB

188, 116, 124

HSL

353.3, 35.0%, 59.6%

HSV

353.3, 38.3%, 73.7%

CMYK

0.0%, 38.3%, 34.0%, 26.3%

OKLCH

0.6382 0.0912 12.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#BC747C

#74BCB4

Analogous

#BC74A0

#BC9074

#BC747C

Triadic

#BC747C

#7CBC74

#747CBC

Split Complementary

#BC747C

#74BC90

#74A0BC

Tetradic

#BC747C

#A0BC74

#74BCB4

#9074BC

Color Blindness Simulation

Original

#BC747C

Protanopia

#9D9C7A

Deuteranopia

#A1A67A

Tritanopia

#B87978

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F2E8E9
200
#E8CFD2
300
#D7ACB1
400
#C28087
500
#AC535D
600
#8A424A
700
#6E353B
800
#56292E
900
#402125
950
#281517

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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