#BC8967

#BC8967

Color Values

HEX

#BC8967

RGB

188, 137, 103

HSL

24.0, 38.8%, 57.1%

HSV

24.0, 45.2%, 73.7%

CMYK

0.0%, 27.1%, 45.2%, 26.3%

OKLCH

0.6719 0.0785 54.6

Properties

Warm Light Nearest: RAL 3012 Beige Red

Color Harmonies

Complementary

#BC8967

#679ABC

Analogous

#BC6770

#BCB467

#BC8967

Triadic

#BC8967

#67BC89

#8967BC

Split Complementary

#BC8967

#67BCB4

#6770BC

Tetradic

#BC8967

#70BC67

#679ABC

#B467BC

Color Blindness Simulation

Original

#BC8967

Protanopia

#A6A56F

Deuteranopia

#A9AD71

Tritanopia

#B97677

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D9CD
300
#DABDAA
400
#C5997C
500
#B1764E
600
#8E5E3E
700
#714B32
800
#583B27
900
#412D20
950
#291C14

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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