#BC7431

#BC7431

Color Values

HEX

#BC7431

RGB

188, 116, 49

HSL

28.9, 58.6%, 46.5%

HSV

28.9, 73.9%, 73.7%

CMYK

0.0%, 38.3%, 73.9%, 26.3%

OKLCH

0.6247 0.1213 60.1

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC7431

#3179BC

Analogous

#BC3134

#BCBA31

#BC7431

Triadic

#BC7431

#31BC74

#7431BC

Split Complementary

#BC7431

#31BCBA

#3134BC

Tetradic

#BC7431

#34BC31

#3179BC

#BA31BC

Color Blindness Simulation

Original

#BC7431

Protanopia

#9D9C41

Deuteranopia

#A1A645

Tritanopia

#B84E51

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE4
200
#F0DBC6
300
#E6C09E
400
#D89F69
500
#CA7D35
600
#A2642A
700
#815022
800
#653E1A
900
#4A3017
950
#2F1E0E

Contrast Checker

Text on white

3.7:1

AA Fail AAA Fail

Text on black

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