#BC7428

#BC7428

Color Values

HEX

#BC7428

RGB

188, 116, 40

HSL

30.8, 64.9%, 44.7%

HSV

30.8, 78.7%, 73.7%

CMYK

0.0%, 38.3%, 78.7%, 26.3%

OKLCH

0.6239 0.1257 62.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC7428

#2870BC

Analogous

#BC2A28

#BABC28

#BC7428

Triadic

#BC7428

#28BC74

#7428BC

Split Complementary

#BC7428

#28BABC

#2A28BC

Tetradic

#BC7428

#28BC2A

#2870BC

#BC28BA

Color Blindness Simulation

Original

#BC7428

Protanopia

#9D9C3A

Deuteranopia

#A1A63F

Tritanopia

#B8494C

Achromatopsia

#7E7E7E

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F2DCC4
300
#EAC39A
400
#DEA263
500
#D2822D
600
#A86824
700
#87531D
800
#694116
900
#4D3114
950
#301F0D

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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