#BDA670

#BDA670

Color Values

HEX

#BDA670

RGB

189, 166, 112

HSL

42.1, 36.8%, 59.0%

HSV

42.1, 40.7%, 74.1%

CMYK

0.0%, 12.2%, 40.7%, 25.9%

OKLCH

0.7326 0.0764 87.4

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#BDA670

#7087BD

Analogous

#BD7F70

#ADBD70

#BDA670

Triadic

#BDA670

#70BDA6

#A670BD

Split Complementary

#BDA670

#70ADBD

#7F70BD

Tetradic

#BDA670

#70BD7F

#7087BD

#BD70AD

Color Blindness Simulation

Original

#BDA670

Protanopia

#B3B37D

Deuteranopia

#B4B680

Tritanopia

#BC878A

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FAF8F5
100
#F3EFE8
200
#E8E1CE
300
#D8CBAB
400
#C3AF7E
500
#AE9251
600
#8C7540
700
#705E34
800
#574928
900
#403720
950
#292314

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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