#BC7229

#BC7229

Color Values

HEX

#BC7229

RGB

188, 114, 41

HSL

29.8, 64.2%, 44.9%

HSV

29.8, 78.2%, 73.7%

CMYK

0.0%, 39.4%, 78.2%, 26.3%

OKLCH

0.6204 0.1259 60.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC7229

#2973BC

Analogous

#BC2929

#BCBC29

#BC7229

Triadic

#BC7229

#29BC72

#7229BC

Split Complementary

#BC7229

#29BCBC

#2929BC

Tetradic

#BC7229

#29BC29

#2973BC

#BC29BC

Color Blindness Simulation

Original

#BC7229

Protanopia

#9C9B3B

Deuteranopia

#A0A63F

Tritanopia

#B8494C

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F2DBC4
300
#E9C29B
400
#DDA064
500
#D17F2E
600
#A76625
700
#86511D
800
#693F17
900
#4C3014
950
#301E0D

Contrast Checker

Text on white

3.77:1

AA Fail AAA Fail

Text on black

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