#BC5658

#BC5658

Color Values

HEX

#BC5658

RGB

188, 86, 88

HSL

358,8, 43,2%, 53,7%

HSV

358,8, 54,3%, 73,7%

CMYK

0,0%, 54,3%, 53,2%, 26,3%

OKLCH

0,581 0,132 20,9

Properties

Warm Light Nearest: Chestnut

Color Harmonies

Complementary

#BC5658

#56BCBA

Analogous

#BC568B

#BC8756

#BC5658

Triadic

#BC5658

#58BC56

#5658BC

Split Complementary

#BC5658

#56BC87

#568BBC

Tetradic

#BC5658

#8BBC56

#56BCBA

#8756BC

Color Blindness Simulation

Original

#BC5658

Protanopia

#908F58

Deuteranopia

#969D57

Tritanopia

#B75757

Achromatopsia

#6C6C6C

CSS Usage

background-color: #BC5658;
color: #BC5658;
border-color: #BC5658;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCCCC
300
#DCA7A8
400
#C9787A
500
#B7484B
600
#923A3C
700
#752E30
800
#5B2425
900
#431E1E
950
#2A1313

Contrast Checker

Text on white

4,56:1

AA Pass AAA Fail

Text on black

4,61:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026