#D0B772

#D0B772

Color Values

HEX

#D0B772

RGB

208, 183, 114

HSL

44.0, 50.0%, 63.1%

HSV

44.0, 45.2%, 81.6%

CMYK

0.0%, 12.0%, 45.2%, 18.4%

OKLCH

0.7856 0.0928 90.2

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#D0B772

#728BD0

Analogous

#D08872

#BAD072

#D0B772

Triadic

#D0B772

#72D0B7

#B772D0

Split Complementary

#D0B772

#72BAD0

#8872D0

Tetradic

#D0B772

#72D088

#728BD0

#D072BA

Color Blindness Simulation

Original

#D0B772

Protanopia

#C5C583

Deuteranopia

#C7C887

Tritanopia

#CF9093

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F1E6
200
#EDE4C9
300
#E0D0A3
400
#D0B771
500
#BF9D40
600
#997E33
700
#7A6529
800
#604F20
900
#463B1B
950
#2C2511

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026