#BD6917

#BD6917

Color Values

HEX

#BD6917

RGB

189, 105, 23

HSL

29.6, 78.3%, 41.6%

HSV

29.6, 87.8%, 74.1%

CMYK

0.0%, 44.4%, 87.8%, 25.9%

OKLCH

0.6047 0.1373 57.7

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BD6917

#176BBD

Analogous

#BD1718

#BDBC17

#BD6917

Triadic

#BD6917

#17BD69

#6917BD

Split Complementary

#BD6917

#17BDBC

#1718BD

Tetradic

#BD6917

#18BD17

#176BBD

#BC17BD

Color Blindness Simulation

Original

#BD6917

Protanopia

#99982B

Deuteranopia

#9EA430

Tritanopia

#B93B3E

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DBBF
300
#F2C192
400
#EBA057
500
#E37E1C
600
#B66516
700
#915112
800
#723F0E
900
#53300E
950
#341E09

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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