#BC7A25

#BC7A25

Color Values

HEX

#BC7A25

RGB

188, 122, 37

HSL

33.8, 67.1%, 44.1%

HSV

33.8, 80.3%, 73.7%

CMYK

0.0%, 35.1%, 80.3%, 26.3%

OKLCH

0.6348 0.1256 67.7

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC7A25

#2567BC

Analogous

#BC2F25

#B2BC25

#BC7A25

Triadic

#BC7A25

#25BC7A

#7A25BC

Split Complementary

#BC7A25

#25B2BC

#2F25BC

Tetradic

#BC7A25

#25BC2F

#2567BC

#BC25B2

Color Blindness Simulation

Original

#BC7A25

Protanopia

#9F9F3A

Deuteranopia

#A3A83E

Tritanopia

#B94A4D

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC3
300
#EBC799
400
#E0A961
500
#D58A2A
600
#AA6F22
700
#88591B
800
#6B4515
900
#4E3413
950
#31210C

Contrast Checker

Text on white

3.53:1

AA Fail AAA Fail

Text on black

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