#D4BC7F

#D4BC7F

Color Values

HEX

#D4BC7F

RGB

212, 188, 127

HSL

43.1, 49.7%, 66.5%

HSV

43.1, 40.1%, 83.1%

CMYK

0.0%, 11.3%, 40.1%, 16.9%

OKLCH

0.8016 0.0837 88.9

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#D4BC7F

#7F97D4

Analogous

#D4927F

#C1D47F

#D4BC7F

Triadic

#D4BC7F

#7FD4BC

#BC7FD4

Split Complementary

#D4BC7F

#7FC1D4

#927FD4

Tetradic

#D4BC7F

#7FD492

#7F97D4

#D47FC1

Color Blindness Simulation

Original

#D4BC7F

Protanopia

#CAC98E

Deuteranopia

#CBCD91

Tritanopia

#D3999C

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F0E6
200
#EDE3CA
300
#E0CFA3
400
#D0B572
500
#BF9B40
600
#997C33
700
#7A6329
800
#5F4E20
900
#463A1B
950
#2C2511

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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