#BC4446

#BC4446

Color Values

HEX

#BC4446

RGB

188, 68, 70

HSL

359,0, 47,2%, 50,2%

HSV

359,0, 63,8%, 73,7%

CMYK

0,0%, 63,8%, 62,8%, 26,3%

OKLCH

0,5532 0,1549 22,7

Properties

Warm Dark Nearest: indianred 3

Color Harmonies

Complementary

#BC4446

#44BCBA

Analogous

#BC4482

#BC7E44

#BC4446

Triadic

#BC4446

#46BC44

#4446BC

Split Complementary

#BC4446

#44BC7E

#4482BC

Tetradic

#BC4446

#82BC44

#44BCBA

#7E44BC

Color Blindness Simulation

Original

#BC4446

Protanopia

#888746

Deuteranopia

#8F9845

Tritanopia

#B64545

Achromatopsia

#5E5E5E

CSS Usage

background-color: #BC4446;
color: #BC4446;
border-color: #BC4446;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCACB
300
#DFA5A6
400
#CD7476
500
#BC4345
600
#963637
700
#782B2C
800
#5E2223
900
#451C1D
950
#2C1212

Contrast Checker

Text on white

5,18:1

AA Pass AAA Fail

Text on black

4,05: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