#DCD97F

#DCD97F

Color Values

HEX

#DCD97F

RGB

220, 217, 127

HSL

58,1, 57,1%, 68,0%

HSV

58,1, 42,3%, 86,3%

CMYK

0,0%, 1,4%, 42,3%, 13,7%

OKLCH

0,8682 0,1125 106,9

Properties

Warm Light Nearest: khaki

Color Harmonies

Complementary

#DCD97F

#7F82DC

Analogous

#DCAA7F

#B0DC7F

#DCD97F

Triadic

#DCD97F

#7FDCD9

#D97FDC

Split Complementary

#DCD97F

#7FB0DC

#AA7FDC

Tetradic

#DCD97F

#7FDCAA

#7F82DC

#DC7FB0

Color Blindness Simulation

Original

#DCD97F

Protanopia

#DBDB95

Deuteranopia

#DBDB9A

Tritanopia

#DCA6AA

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F6F5E4
200
#F0EEC7
300
#E5E39F
400
#D7D36B
500
#C8C437
600
#A09D2C
700
#807D23
800
#64621B
900
#494818
950
#2E2D0F

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,27:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026