#BC7F6F

#BC7F6F

Color Values

HEX

#BC7F6F

RGB

188, 127, 111

HSL

12.5, 36.5%, 58.6%

HSV

12.5, 41.0%, 73.7%

CMYK

0.0%, 32.4%, 41.0%, 26.3%

OKLCH

0.6547 0.0801 35.3

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#BC7F6F

#6FACBC

Analogous

#BC6F85

#BCA56F

#BC7F6F

Triadic

#BC7F6F

#6FBC7F

#7F6FBC

Split Complementary

#BC7F6F

#6FBCA5

#6F85BC

Tetradic

#BC7F6F

#85BC6F

#6FACBC

#A56FBC

Color Blindness Simulation

Original

#BC7F6F

Protanopia

#A2A173

Deuteranopia

#A5AA74

Tritanopia

#B97677

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FAF6F5
100
#F3EAE8
200
#E8D4CE
300
#D8B5AB
400
#C38D7E
500
#AE6451
600
#8B5041
700
#6F4034
800
#573228
900
#402721
950
#291915

Contrast Checker

Text on white

3.28:1

AA Fail AAA Fail

Text on black

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