#BC6813

#BC6813

Color Values

HEX

#BC6813

RGB

188, 104, 19

HSL

30.2, 81.6%, 40.6%

HSV

30.2, 89.9%, 73.7%

CMYK

0.0%, 44.7%, 89.9%, 26.3%

OKLCH

0.6014 0.1379 57.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BC6813

#1367BC

Analogous

#BC1413

#BBBC13

#BC6813

Triadic

#BC6813

#13BC68

#6813BC

Split Complementary

#BC6813

#13BBBC

#1413BC

Tetradic

#BC6813

#13BC14

#1367BC

#BC13BB

Color Blindness Simulation

Original

#BC6813

Protanopia

#989728

Deuteranopia

#9CA32C

Tritanopia

#B8383B

Achromatopsia

#747474

CSS Usage

background-color: #BC6813;
color: #BC6813;
border-color: #BC6813;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F8DBBE
300
#F4C290
400
#EEA154
500
#E88017
600
#B96713
700
#94520F
800
#74400C
900
#54310D
950
#351F08

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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