#BC8342

#BC8342

Color Values

HEX

#BC8342

RGB

188, 131, 66

HSL

32.0, 48.0%, 49.8%

HSV

32.0, 64.9%, 73.7%

CMYK

0.0%, 30.3%, 64.9%, 26.3%

OKLCH

0.6545 0.1076 67.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC8342

#427BBC

Analogous

#BC4642

#B8BC42

#BC8342

Triadic

#BC8342

#42BC83

#8342BC

Split Complementary

#BC8342

#42B8BC

#4642BC

Tetradic

#BC8342

#42BC46

#427BBC

#BC42B8

Color Blindness Simulation

Original

#BC8342

Protanopia

#A3A352

Deuteranopia

#A7AB56

Tritanopia

#B95E61

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDCCA
300
#DFC4A4
400
#CEA473
500
#BD8442
600
#976935
700
#79542A
800
#5E4221
900
#45321C
950
#2C1F11

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

6.46:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026