#D6AA72

#D6AA72

Color Values

HEX

#D6AA72

RGB

214, 170, 114

HSL

33.6, 54.9%, 64.3%

HSV

33.6, 46.7%, 83.9%

CMYK

0.0%, 20.6%, 46.7%, 16.1%

OKLCH

0.7655 0.0892 72.6

Properties

Warm Light Nearest: burlywood

Color Harmonies

Complementary

#D6AA72

#729ED6

Analogous

#D67872

#D0D672

#D6AA72

Triadic

#D6AA72

#72D6AA

#AA72D6

Split Complementary

#D6AA72

#72D0D6

#7872D6

Tetradic

#D6AA72

#72D678

#729ED6

#D672D0

Color Blindness Simulation

Original

#D6AA72

Protanopia

#C3C380

Deuteranopia

#C6C983

Tritanopia

#D48A8D

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FBF8F4
100
#F5EEE5
200
#EFDEC8
300
#E3C6A0
400
#D4A76D
500
#C5883A
600
#9E6D2E
700
#7E5725
800
#63441D
900
#483319
950
#2E200F

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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