#D1C370

#D1C370

Color Values

HEX

#D1C370

RGB

209, 195, 112

HSL

51.3, 51.3%, 62.9%

HSV

51.3, 46.4%, 82.0%

CMYK

0.0%, 6.7%, 46.4%, 18.0%

OKLCH

0.8109 0.1055 99.9

Properties

Warm Light Nearest: lightgoldenrod 3

Color Harmonies

Complementary

#D1C370

#707ED1

Analogous

#D19270

#AED170

#D1C370

Triadic

#D1C370

#70D1C3

#C370D1

Split Complementary

#D1C370

#70AED1

#9270D1

Tetradic

#D1C370

#70D192

#707ED1

#D170AE

Color Blindness Simulation

Original

#D1C370

Protanopia

#CBCB84

Deuteranopia

#CCCD89

Tritanopia

#D09497

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E5
200
#EEE8C9
300
#E1D8A2
400
#D1C370
500
#C1AE3E
600
#9A8B32
700
#7B6F28
800
#60571F
900
#47401A
950
#2D2910

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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