#BC7970

#BC7970

Color Values

HEX

#BC7970

RGB

188, 121, 112

HSL

7.1, 36.2%, 58.8%

HSV

7.1, 40.4%, 73.7%

CMYK

0.0%, 35.6%, 40.4%, 26.3%

OKLCH

0.644 0.0858 28.0

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#BC7970

#70B3BC

Analogous

#BC708D

#BC9F70

#BC7970

Triadic

#BC7970

#70BC79

#7970BC

Split Complementary

#BC7970

#70BC9F

#708DBC

Tetradic

#BC7970

#8DBC70

#70B3BC

#9F70BC

Color Blindness Simulation

Original

#BC7970

Protanopia

#9F9E72

Deuteranopia

#A3A873

Tritanopia

#B97474

Achromatopsia

#878787

CSS Usage

background-color: #BC7970;
color: #BC7970;
border-color: #BC7970;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF6F5
100
#F3E9E8
200
#E8D1CE
300
#D8B1AC
400
#C3877E
500
#AE5C51
600
#8B4A41
700
#6F3B34
800
#572E29
900
#402421
950
#291715

Contrast Checker

Text on white

3.44:1

AA Fail AAA Fail

Text on black

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