#BC537B

#BC537B

Color Values

HEX

#BC537B

RGB

188, 83, 123

HSL

337.1, 43.9%, 53.1%

HSV

337.1, 55.9%, 73.7%

CMYK

0.0%, 55.9%, 34.6%, 26.3%

OKLCH

0.5862 0.1413 358.5

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#BC537B

#53BC94

Analogous

#BC53AF

#BC5F53

#BC537B

Triadic

#BC537B

#7BBC53

#537BBC

Split Complementary

#BC537B

#53BC5F

#53AFBC

Tetradic

#BC537B

#AFBC53

#53BC94

#5F53BC

Color Blindness Simulation

Original

#BC537B

Protanopia

#8F8E71

Deuteranopia

#959C6F

Tritanopia

#B76A68

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EBCCD8
300
#DDA7BB
400
#CA7797
500
#B74872
600
#93395B
700
#752E49
800
#5C2439
900
#441D2C
950
#2B131C

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

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