#BC7D34

#BC7D34

Color Values

HEX

#BC7D34

RGB

188, 125, 52

HSL

32.2, 56.7%, 47.1%

HSV

32.2, 72.3%, 73.7%

CMYK

0.0%, 33.5%, 72.3%, 26.3%

OKLCH

0.6416 0.1173 66.6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC7D34

#3473BC

Analogous

#BC3934

#B7BC34

#BC7D34

Triadic

#BC7D34

#34BC7D

#7D34BC

Split Complementary

#BC7D34

#34B7BC

#3934BC

Tetradic

#BC7D34

#34BC39

#3473BC

#BC34B7

Color Blindness Simulation

Original

#BC7D34

Protanopia

#A1A046

Deuteranopia

#A4A94A

Tritanopia

#B95457

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F6EEE5
200
#F0DDC7
300
#E5C49F
400
#D6A56B
500
#C88537
600
#A06A2C
700
#805523
800
#64421C
900
#493218
950
#2E200F

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026