#DDA522

#DDA522

Color Values

HEX

#DDA522

RGB

221, 165, 34

HSL

42,0, 73,3%, 50,0%

HSV

42,0, 84,6%, 86,7%

CMYK

0,0%, 25,3%, 84,6%, 13,3%

OKLCH

0,7549 0,1473 82,5

Properties

Warm Light Nearest: goldenrod

Color Harmonies

Complementary

#DDA522

#225ADD

Analogous

#DD4722

#B8DD22

#DDA522

Triadic

#DDA522

#22DDA5

#A522DD

Split Complementary

#DDA522

#22B8DD

#4722DD

Tetradic

#DDA522

#22DD47

#225ADD

#DD22B8

Color Blindness Simulation

Original

#DDA522

Protanopia

#C5C442

Deuteranopia

#C8CC49

Tritanopia

#DA5B60

Achromatopsia

#A7A7A7

CSS Usage

background-color: #DDA522;
color: #DDA522;
border-color: #DDA522;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FCF9F3
100
#F8F2E2
200
#F5E6C1
300
#EFD495
400
#E6BC5B
500
#DDA522
600
#B1841B
700
#8D6A16
800
#6E5211
900
#503D10
950
#33270A

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,48: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