#BD8456

#BD8456

Color Values

HEX

#BD8456

RGB

189, 132, 86

HSL

26.8, 43.8%, 53.9%

HSV

26.8, 54.5%, 74.1%

CMYK

0.0%, 30.2%, 54.5%, 25.9%

OKLCH

0.6604 0.0936 59.1

Properties

Warm Light Nearest: Raw Sienna

Color Harmonies

Complementary

#BD8456

#568FBD

Analogous

#BD565B

#BDB756

#BD8456

Triadic

#BD8456

#56BD84

#8456BD

Split Complementary

#BD8456

#56BDB7

#565BBD

Tetradic

#BD8456

#5BBD56

#568FBD

#B756BD

Color Blindness Simulation

Original

#BD8456

Protanopia

#A4A461

Deuteranopia

#A8AC64

Tritanopia

#BA6A6C

Achromatopsia

#8D8D8D

CSS Usage

background-color: #BD8456;
color: #BD8456;
border-color: #BD8456;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FAF7F5
100
#F4ECE7
200
#EBDACC
300
#DDBFA7
400
#CA9C77
500
#B77A48
600
#936139
700
#754E2E
800
#5C3D24
900
#442E1D
950
#2B1D13

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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