#BC555D

#BC555D

Color Values

HEX

#BC555D

RGB

188, 85, 93

HSL

355.3, 43.5%, 53.5%

HSV

355.3, 54.8%, 73.7%

CMYK

0.0%, 54.8%, 50.5%, 26.3%

OKLCH

0.5807 0.133 17.4

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#BC555D

#55BCB4

Analogous

#BC5591

#BC8055

#BC555D

Triadic

#BC555D

#5DBC55

#555DBC

Split Complementary

#BC555D

#55BC80

#5591BC

Tetradic

#BC555D

#91BC55

#55BCB4

#8055BC

Color Blindness Simulation

Original

#BC555D

Protanopia

#8F8F5B

Deuteranopia

#959D5B

Tritanopia

#B75A59

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EBCCCE
300
#DCA7AB
400
#CA787E
500
#B74851
600
#923A41
700
#752E34
800
#5B2428
900
#431D20
950
#2B1314

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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