#BC701B

#BC701B

Color Values

HEX

#BC701B

RGB

188, 112, 27

HSL

31.7, 74.9%, 42.2%

HSV

31.7, 85.6%, 73.7%

CMYK

0.0%, 40.4%, 85.6%, 26.3%

OKLCH

0.6159 0.1321 62.2

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#BC701B

#1B67BC

Analogous

#BC201B

#B8BC1B

#BC701B

Triadic

#BC701B

#1BBC70

#701BBC

Split Complementary

#BC701B

#1BB8BC

#201BBC

Tetradic

#BC701B

#1BBC20

#1B67BC

#BC1BB8

Color Blindness Simulation

Original

#BC701B

Protanopia

#9B9A30

Deuteranopia

#A0A534

Tritanopia

#B84043

Achromatopsia

#7A7A7A

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EEE2
200
#F6DDC1
300
#F0C494
400
#E7A55A
500
#DF8520
600
#B26A1A
700
#8F5514
800
#6F4210
900
#513210
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

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