#BC494C

#BC494C

Color Values

HEX

#BC494C

RGB

188, 73, 76

HSL

358,4, 46,2%, 51,2%

HSV

358,4, 61,2%, 73,7%

CMYK

0,0%, 61,2%, 59,6%, 26,3%

OKLCH

0,5606 0,1487 21,7

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#BC494C

#49BCB9

Analogous

#BC4986

#BC7F49

#BC494C

Triadic

#BC494C

#4CBC49

#494CBC

Split Complementary

#BC494C

#49BC7F

#4986BC

Tetradic

#BC494C

#86BC49

#49BCB9

#7F49BC

Color Blindness Simulation

Original

#BC494C

Protanopia

#8A894B

Deuteranopia

#919A4B

Tritanopia

#B64B4B

Achromatopsia

#626262

CSS Usage

background-color: #BC494C;
color: #BC494C;
border-color: #BC494C;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCC
300
#DEA6A7
400
#CC7577
500
#BA4548
600
#953739
700
#772C2E
800
#5D2224
900
#451C1D
950
#2B1213

Contrast Checker

Text on white

5,01:1

AA Pass AAA Fail

Text on black

4,2:1

AA Fail 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