#BC537C

#BC537C

Color Values

HEX

#BC537C

RGB

188, 83, 124

HSL

336.6, 43.9%, 53.1%

HSV

336.6, 55.9%, 73.7%

CMYK

0.0%, 55.9%, 34.0%, 26.3%

OKLCH

0.5866 0.1417 357.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BC537C

#53BC93

Analogous

#BC53B0

#BC5E53

#BC537C

Triadic

#BC537C

#7CBC53

#537CBC

Split Complementary

#BC537C

#53BC5E

#53B0BC

Tetradic

#BC537C

#B0BC53

#53BC93

#5E53BC

Color Blindness Simulation

Original

#BC537C

Protanopia

#8F8E72

Deuteranopia

#959C70

Tritanopia

#B76A69

Achromatopsia

#6C6C6C

CSS Usage

background-color: #BC537C;
color: #BC537C;
border-color: #BC537C;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCCD8
300
#DDA7BC
400
#CA7798
500
#B74873
600
#93395C
700
#752E4A
800
#5C243A
900
#441D2C
950
#2B131C

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

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