#D3B66F

#D3B66F

Color Values

HEX

#D3B66F

RGB

211, 182, 111

HSL

42.6, 53.2%, 63.1%

HSV

42.6, 47.4%, 82.7%

CMYK

0.0%, 13.7%, 47.4%, 17.3%

OKLCH

0.7859 0.0962 88.0

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#D3B66F

#6F8CD3

Analogous

#D3846F

#BED36F

#D3B66F

Triadic

#D3B66F

#6FD3B6

#B66FD3

Split Complementary

#D3B66F

#6FBED3

#846FD3

Tetradic

#D3B66F

#6FD384

#6F8CD3

#D36FBE

Color Blindness Simulation

Original

#D3B66F

Protanopia

#C6C680

Deuteranopia

#C8CA84

Tritanopia

#D28E91

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F1E5
200
#EEE3C8
300
#E2CFA1
400
#D3B66E
500
#C39C3C
600
#9C7D30
700
#7D6426
800
#624E1E
900
#483A19
950
#2D2510

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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