#D3A970

#D3A970

Color Values

HEX

#D3A970

RGB

211, 169, 112

HSL

34.5, 52.9%, 63.3%

HSV

34.5, 46.9%, 82.7%

CMYK

0.0%, 19.9%, 46.9%, 17.3%

OKLCH

0.7602 0.0889 74.3

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#D3A970

#709AD3

Analogous

#D37770

#CBD370

#D3A970

Triadic

#D3A970

#70D3A9

#A970D3

Split Complementary

#D3A970

#70CBD3

#7770D3

Tetradic

#D3A970

#70D377

#709AD3

#D370CB

Color Blindness Simulation

Original

#D3A970

Protanopia

#C1C07E

Deuteranopia

#C3C681

Tritanopia

#D1898B

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDEC8
300
#E2C7A1
400
#D3A86F
500
#C38A3C
600
#9C6E30
700
#7D5826
800
#61451E
900
#483419
950
#2D2110

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

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