#D1B970

#D1B970

Color Values

HEX

#D1B970

RGB

209, 185, 112

HSL

45.2, 51.3%, 62.9%

HSV

45.2, 46.4%, 82.0%

CMYK

0.0%, 11.5%, 46.4%, 18.0%

OKLCH

0.7903 0.0967 91.8

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#D1B970

#7088D1

Analogous

#D18870

#B8D170

#D1B970

Triadic

#D1B970

#70D1B9

#B970D1

Split Complementary

#D1B970

#70B8D1

#8870D1

Tetradic

#D1B970

#70D188

#7088D1

#D170B8

Color Blindness Simulation

Original

#D1B970

Protanopia

#C7C682

Deuteranopia

#C8CA86

Tritanopia

#D09093

Achromatopsia

#B9B9B9

CSS Usage

background-color: #D1B970;
color: #D1B970;
border-color: #D1B970;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBF9F4
100
#F5F1E5
200
#EEE5C9
300
#E1D2A2
400
#D1B970
500
#C1A13E
600
#9A8132
700
#7B6728
800
#60501F
900
#473C1A
950
#2D2610

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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