#BC8431

#BC8431

Color Values

HEX

#BC8431

RGB

188, 132, 49

HSL

35.8, 58.6%, 46.5%

HSV

35.8, 73.9%, 73.7%

CMYK

0.0%, 29.8%, 73.9%, 26.3%

OKLCH

0.6547 0.1187 73.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC8431

#3169BC

Analogous

#BC3F31

#AFBC31

#BC8431

Triadic

#BC8431

#31BC84

#8431BC

Split Complementary

#BC8431

#31AFBC

#3F31BC

Tetradic

#BC8431

#31BC3F

#3169BC

#BC31AF

Color Blindness Simulation

Original

#BC8431

Protanopia

#A4A345

Deuteranopia

#A7AB4A

Tritanopia

#B95558

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EFE4
200
#F0DFC6
300
#E6C99E
400
#D8AB69
500
#CA8E35
600
#A2722A
700
#815B22
800
#65471A
900
#4A3517
950
#2F220E

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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