#BC7534

#BC7534

Color Values

HEX

#BC7534

RGB

188, 117, 52

HSL

28.7, 56.7%, 47.1%

HSV

28.7, 72.3%, 73.7%

CMYK

0.0%, 37.8%, 72.3%, 26.3%

OKLCH

0.6268 0.1194 60.0

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC7534

#347BBC

Analogous

#BC3437

#BCB934

#BC7534

Triadic

#BC7534

#34BC75

#7534BC

Split Complementary

#BC7534

#34BCB9

#3437BC

Tetradic

#BC7534

#37BC34

#347BBC

#B934BC

Color Blindness Simulation

Original

#BC7534

Protanopia

#9D9D44

Deuteranopia

#A1A748

Tritanopia

#B85053

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6EDE5
200
#F0DAC7
300
#E5C09F
400
#D69E6B
500
#C87C37
600
#A0632C
700
#805023
800
#643E1C
900
#492F18
950
#2E1E0F

Contrast Checker

Text on white

3.66:1

AA Fail AAA Fail

Text on black

5.73:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026