#D2A772

#D2A772

Color Values

HEX

#D2A772

RGB

210, 167, 114

HSL

33.1, 51.6%, 63.5%

HSV

33.1, 45.7%, 82.4%

CMYK

0.0%, 20.5%, 45.7%, 17.6%

OKLCH

0.7556 0.0859 71.8

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#D2A772

#729DD2

Analogous

#D27772

#CDD272

#D2A772

Triadic

#D2A772

#72D2A7

#A772D2

Split Complementary

#D2A772

#72CDD2

#7772D2

Tetradic

#D2A772

#72D277

#729DD2

#D272CD

Color Blindness Simulation

Original

#D2A772

Protanopia

#BFBF7F

Deuteranopia

#C2C582

Tritanopia

#D0898B

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EEDDC9
300
#E1C5A2
400
#D1A670
500
#C1863E
600
#9B6B31
700
#7C5627
800
#61431F
900
#47331A
950
#2D2010

Contrast Checker

Text on white

2.21:1

AA Fail AAA Fail

Text on black

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