#BC7323

#BC7323

Color Values

HEX

#BC7323

RGB

188, 115, 35

HSL

31.4, 68.6%, 43.7%

HSV

31.4, 81.4%, 73.7%

CMYK

0.0%, 38.8%, 81.4%, 26.3%

OKLCH

0.6217 0.1282 62.9

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC7323

#236CBC

Analogous

#BC2723

#B8BC23

#BC7323

Triadic

#BC7323

#23BC73

#7323BC

Split Complementary

#BC7323

#23B8BC

#2723BC

Tetradic

#BC7323

#23BC27

#236CBC

#BC23B8

Color Blindness Simulation

Original

#BC7323

Protanopia

#9C9C36

Deuteranopia

#A1A63B

Tritanopia

#B84649

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE3
200
#F4DCC3
300
#ECC498
400
#E1A460
500
#D78428
600
#AC6920
700
#8A541A
800
#6B4214
900
#4E3213
950
#311F0C

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

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