#DFCD72

#DFCD72

Color Values

HEX

#DFCD72

RGB

223, 205, 114

HSL

50.1, 63.0%, 66.1%

HSV

50.1, 48.9%, 87.5%

CMYK

0.0%, 8.1%, 48.9%, 12.5%

OKLCH

0.8442 0.1139 98.4

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#DFCD72

#7284DF

Analogous

#DF9772

#BBDF72

#DFCD72

Triadic

#DFCD72

#72DFCD

#CD72DF

Split Complementary

#DFCD72

#72BBDF

#9772DF

Tetradic

#DFCD72

#72DF97

#7284DF

#DF72BB

Color Blindness Simulation

Original

#DFCD72

Protanopia

#D7D788

Deuteranopia

#D8DA8D

Tritanopia

#DE999D

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F4E4
200
#F2EAC5
300
#E8DC9B
400
#DCC865
500
#D0B52F
600
#A69126
700
#85741E
800
#685B18
900
#4C4315
950
#302A0D

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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