#BC7716

#BC7716

Color Values

HEX

#BC7716

RGB

188, 119, 22

HSL

35.1, 79.0%, 41.2%

HSV

35.1, 88.3%, 73.7%

CMYK

0.0%, 36.7%, 88.3%, 26.3%

OKLCH

0.6284 0.1317 67.9

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#BC7716

#165BBC

Analogous

#BC2416

#AEBC16

#BC7716

Triadic

#BC7716

#16BC77

#7716BC

Split Complementary

#BC7716

#16AEBC

#2416BC

Tetradic

#BC7716

#16BC24

#165BBC

#BC16AE

Color Blindness Simulation

Original

#BC7716

Protanopia

#9E9E2D

Deuteranopia

#A2A733

Tritanopia

#B94044

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#FCF8F2
100
#F9EFE1
200
#F8E0BF
300
#F2CA91
400
#EBAD56
500
#E4911B
600
#B77415
700
#925D11
800
#72480D
900
#53360E
950
#342209

Contrast Checker

Text on white

3.63:1

AA Fail AAA Fail

Text on black

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