#BDA972

#BDA972

Color Values

HEX

#BDA972

RGB

189, 169, 114

HSL

44.0, 36.2%, 59.4%

HSV

44.0, 39.7%, 74.1%

CMYK

0.0%, 10.6%, 39.7%, 25.9%

OKLCH

0.7392 0.0765 90.3

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#BDA972

#7286BD

Analogous

#BD8372

#ABBD72

#BDA972

Triadic

#BDA972

#72BDA9

#A972BD

Split Complementary

#BDA972

#72ABBD

#8372BD

Tetradic

#BDA972

#72BD83

#7286BD

#BD72AB

Color Blindness Simulation

Original

#BDA972

Protanopia

#B4B47F

Deuteranopia

#B6B782

Tritanopia

#BC8A8C

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3F0E8
200
#E8E1CE
300
#D8CCAC
400
#C3B17E
500
#AE9551
600
#8B7741
700
#6F5F34
800
#574B29
900
#403821
950
#292315

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.08:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026