#BC722A

#BC722A

Color Values

HEX

#BC722A

RGB

188, 114, 42

HSL

29.6, 63.5%, 45.1%

HSV

29.6, 77.7%, 73.7%

CMYK

0.0%, 39.4%, 77.7%, 26.3%

OKLCH

0.6204 0.1255 60.5

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC722A

#2A74BC

Analogous

#BC2A2B

#BCBB2A

#BC722A

Triadic

#BC722A

#2ABC72

#722ABC

Split Complementary

#BC722A

#2ABCBB

#2A2BBC

Tetradic

#BC722A

#2BBC2A

#2A74BC

#BB2ABC

Color Blindness Simulation

Original

#BC722A

Protanopia

#9C9B3B

Deuteranopia

#A0A640

Tritanopia

#B8494C

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7EDE4
200
#F2DBC5
300
#E9C19B
400
#DDA065
500
#D07E2F
600
#A76525
700
#85511E
800
#683F17
900
#4C3015
950
#301E0D

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

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