#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

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