#BC842F

#BC842F

Color Values

HEX

#BC842F

RGB

188, 132, 47

HSL

36.2, 60.0%, 46.1%

HSV

36.2, 75.0%, 73.7%

CMYK

0.0%, 29.8%, 75.0%, 26.3%

OKLCH

0.6546 0.1198 73.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC842F

#2F67BC

Analogous

#BC3E2F

#AEBC2F

#BC842F

Triadic

#BC842F

#2FBC84

#842FBC

Split Complementary

#BC842F

#2FAEBC

#3E2FBC

Tetradic

#BC842F

#2FBC3E

#2F67BC

#BC2FAE

Color Blindness Simulation

Original

#BC842F

Protanopia

#A4A344

Deuteranopia

#A7AB48

Tritanopia

#B95457

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FBF8F3
100
#F6EFE4
200
#F1E0C6
300
#E7C99D
400
#D9AC68
500
#CC8F33
600
#A37329
700
#835C21
800
#66481A
900
#4B3616
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

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