#BC555E

#BC555E

Color Values

HEX

#BC555E

RGB

188, 85, 94

HSL

354.8, 43.5%, 53.5%

HSV

354.8, 54.8%, 73.7%

CMYK

0.0%, 54.8%, 50.0%, 26.3%

OKLCH

0.581 0.133 16.8

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#BC555E

#55BCB3

Analogous

#BC5591

#BC7F55

#BC555E

Triadic

#BC555E

#5EBC55

#555EBC

Split Complementary

#BC555E

#55BC7F

#5591BC

Tetradic

#BC555E

#91BC55

#55BCB3

#7F55BC

Color Blindness Simulation

Original

#BC555E

Protanopia

#8F8F5C

Deuteranopia

#959D5B

Tritanopia

#B75A5A

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EBCCCE
300
#DCA7AC
400
#CA787F
500
#B74852
600
#923A41
700
#752E34
800
#5B2429
900
#431D21
950
#2B1315

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026