#DDA022

#DDA022

Color Values

HEX

#DDA022

RGB

221, 160, 34

HSL

40.4, 73.3%, 50.0%

HSV

40.4, 84.6%, 86.7%

CMYK

0.0%, 27.6%, 84.6%, 13.3%

OKLCH

0.7453 0.1463 79.4

Properties

Warm Light Nearest: goldenrod

Color Harmonies

Complementary

#DDA022

#225FDD

Analogous

#DD4222

#BDDD22

#DDA022

Triadic

#DDA022

#22DDA0

#A022DD

Split Complementary

#DDA022

#22BDDD

#4222DD

Tetradic

#DDA022

#22DD42

#225FDD

#DD22BD

Color Blindness Simulation

Original

#DDA022

Protanopia

#C3C240

Deuteranopia

#C6CB48

Tritanopia

#DA595E

Achromatopsia

#A4A4A4

CSS Usage

background-color: #DDA022;
color: #DDA022;
border-color: #DDA022;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF9F3
100
#F8F1E2
200
#F5E4C1
300
#EFD195
400
#E6B95B
500
#DDA022
600
#B1801B
700
#8D6616
800
#6E5011
900
#503C10
950
#33260A

Contrast Checker

Text on white

2.3:1

AA Fail AAA Fail

Text on black

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