#BC701A

#BC701A

Color Values

HEX

#BC701A

RGB

188, 112, 26

HSL

31.9, 75.7%, 42.0%

HSV

31.9, 86.2%, 73.7%

CMYK

0.0%, 40.4%, 86.2%, 26.3%

OKLCH

0.6158 0.1325 62.3

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BC701A

#1A66BC

Analogous

#BC1F1A

#B7BC1A

#BC701A

Triadic

#BC701A

#1ABC70

#701ABC

Split Complementary

#BC701A

#1AB7BC

#1F1ABC

Tetradic

#BC701A

#1ABC1F

#1A66BC

#BC1AB7

Color Blindness Simulation

Original

#BC701A

Protanopia

#9B9A2F

Deuteranopia

#A0A534

Tritanopia

#B83F43

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F6DDC0
300
#F0C593
400
#E8A559
500
#E0861F
600
#B36B19
700
#8F5614
800
#70430F
900
#51330F
950
#33200A

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

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