#BD671A

#BD671A

Color Values

HEX

#BD671A

RGB

189, 103, 26

HSL

28.3, 75.8%, 42.2%

HSV

28.3, 86.2%, 74.1%

CMYK

0.0%, 45.5%, 86.2%, 25.9%

OKLCH

0.6014 0.1375 55.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#BD671A

#1A70BD

Analogous

#BD1A1F

#BDB91A

#BD671A

Triadic

#BD671A

#1ABD67

#671ABD

Split Complementary

#BD671A

#1ABDB9

#1A1FBD

Tetradic

#BD671A

#1FBD1A

#1A70BD

#B91ABD

Color Blindness Simulation

Original

#BD671A

Protanopia

#98972D

Deuteranopia

#9DA331

Tritanopia

#B93B3F

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE2
200
#F6DAC0
300
#F0BF93
400
#E89D59
500
#E07A1F
600
#B36219
700
#8F4E14
800
#703D0F
900
#522F0F
950
#331D0A

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

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