#BD6811

#BD6811

Color Values

HEX

#BD6811

RGB

189, 104, 17

HSL

30.3, 83.5%, 40.4%

HSV

30.3, 91.0%, 74.1%

CMYK

0.0%, 45.0%, 91.0%, 25.9%

OKLCH

0.6027 0.1392 57.8

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BD6811

#1166BD

Analogous

#BD1211

#BCBD11

#BD6811

Triadic

#BD6811

#11BD68

#6811BD

Split Complementary

#BD6811

#11BCBD

#1211BD

Tetradic

#BD6811

#11BD12

#1166BD

#BD11BC

Color Blindness Simulation

Original

#BD6811

Protanopia

#989726

Deuteranopia

#9DA32B

Tritanopia

#B9373A

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#FAEDE0
200
#F9DCBD
300
#F5C28F
400
#EFA152
500
#EA8115
600
#BB6711
700
#96520D
800
#75400B
900
#55310C
950
#361F08

Contrast Checker

Text on white

4.08:1

AA Fail AAA Fail

Text on black

5.15:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026