#BDA97A

#BDA97A

Color Values

HEX

#BDA97A

RGB

189, 169, 122

HSL

42.1, 33.7%, 61.0%

HSV

42.1, 35.4%, 74.1%

CMYK

0.0%, 10.6%, 35.4%, 25.9%

OKLCH

0.7407 0.0672 87.6

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#BDA97A

#7A8EBD

Analogous

#BD887A

#B0BD7A

#BDA97A

Triadic

#BDA97A

#7ABDA9

#A97ABD

Split Complementary

#BDA97A

#7AB0BD

#887ABD

Tetradic

#BDA97A

#7ABD88

#7A8EBD

#BD7AB0

Color Blindness Simulation

Original

#BDA97A

Protanopia

#B4B485

Deuteranopia

#B6B788

Tritanopia

#BC8E90

Achromatopsia

#AAAAAA

CSS Usage

background-color: #BDA97A;
color: #BDA97A;
border-color: #BDA97A;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F5
100
#F2EFE8
200
#E7E0CF
300
#D6CAAD
400
#C0AD81
500
#AA9155
600
#887444
700
#6D5D36
800
#55482A
900
#3F3622
950
#282215

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

9.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026