#BD9D66

#BD9D66

Color Values

HEX

#BD9D66

RGB

189, 157, 102

HSL

37.9, 39.7%, 57.1%

HSV

37.9, 46.0%, 74.1%

CMYK

0.0%, 16.9%, 46.0%, 25.9%

OKLCH

0.7124 0.0818 80.4

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#BD9D66

#6686BD

Analogous

#BD7266

#B2BD66

#BD9D66

Triadic

#BD9D66

#66BD9D

#9D66BD

Split Complementary

#BD9D66

#66B2BD

#7266BD

Tetradic

#BD9D66

#66BD72

#6686BD

#BD66B2

Color Blindness Simulation

Original

#BD9D66

Protanopia

#AFAF73

Deuteranopia

#B1B376

Tritanopia

#BB7E80

Achromatopsia

#A0A0A0

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9DFCD
300
#DAC8AA
400
#C6AB7B
500
#B28D4D
600
#8E713E
700
#725A31
800
#594626
900
#42351F
950
#2A2114

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.18:1

AA Pass AAA Pass

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