#D0C786

#D0C786

Color Values

HEX

#D0C786

RGB

208, 199, 134

HSL

52.7, 44.0%, 67.1%

HSV

52.7, 35.6%, 81.6%

CMYK

0.0%, 4.3%, 35.6%, 18.4%

OKLCH

0.8219 0.0849 101.3

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#D0C786

#868FD0

Analogous

#D0A286

#B4D086

#D0C786

Triadic

#D0C786

#86D0C7

#C786D0

Split Complementary

#D0C786

#86B4D0

#A286D0

Tetradic

#D0C786

#86D0A2

#868FD0

#D086B4

Color Blindness Simulation

Original

#D0C786

Protanopia

#CCCC96

Deuteranopia

#CDCD9A

Tritanopia

#D0A2A5

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F2E6
200
#EBE7CC
300
#DDD6A7
400
#CAC077
500
#B8AA47
600
#938839
700
#766D2E
800
#5C5524
900
#443F1D
950
#2B2812

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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