#BC8C42

#BC8C42

Color Values

HEX

#BC8C42

RGB

188, 140, 66

HSL

36.4, 48.0%, 49.8%

HSV

36.4, 64.9%, 73.7%

CMYK

0.0%, 25.5%, 64.9%, 26.3%

OKLCH

0.6721 0.1081 75.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC8C42

#4272BC

Analogous

#BC4F42

#AFBC42

#BC8C42

Triadic

#BC8C42

#42BC8C

#8C42BC

Split Complementary

#BC8C42

#42AFBC

#4F42BC

Tetradic

#BC8C42

#42BC4F

#4272BC

#BC42AF

Color Blindness Simulation

Original

#BC8C42

Protanopia

#A7A754

Deuteranopia

#AAAE58

Tritanopia

#BA6265

Achromatopsia

#919191

CSS Usage

background-color: #BC8C42;
color: #BC8C42;
border-color: #BC8C42;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCA
300
#DFC8A4
400
#CEAA73
500
#BD8D42
600
#977035
700
#795A2A
800
#5E4621
900
#45351C
950
#2C2111

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026