#BC5D63

#BC5D63

Color Values

HEX

#BC5D63

RGB

188, 93, 99

HSL

356.2, 41.5%, 55.1%

HSV

356.2, 50.5%, 73.7%

CMYK

0.0%, 50.5%, 47.3%, 26.3%

OKLCH

0.594 0.1224 17.6

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#BC5D63

#5DBCB6

Analogous

#BC5D93

#BC865D

#BC5D63

Triadic

#BC5D63

#63BC5D

#5D63BC

Split Complementary

#BC5D63

#5DBC86

#5D93BC

Tetradic

#BC5D63

#93BC5D

#5DBCB6

#865DBC

Color Blindness Simulation

Original

#BC5D63

Protanopia

#939262

Deuteranopia

#98A061

Tritanopia

#B76060

Achromatopsia

#727272

CSS Usage

background-color: #BC5D63;
color: #BC5D63;
border-color: #BC5D63;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#EACCCE
300
#DBA8AC
400
#C8797E
500
#B44B51
600
#903C41
700
#733034
800
#5A2529
900
#431E21
950
#2A1315

Contrast Checker

Text on white

4.3:1

AA Fail AAA Fail

Text on black

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