#DDB622

#DDB622

Color Values

HEX

#DDB622

RGB

221, 182, 34

HSL

47.5, 73.3%, 50.0%

HSV

47.5, 84.6%, 86.7%

CMYK

0.0%, 17.6%, 84.6%, 13.3%

OKLCH

0.7885 0.154 92.4

Properties

Warm Light Nearest: RAL 1032 Broom Yellow

Color Harmonies

Complementary

#DDB622

#2249DD

Analogous

#DD5922

#A6DD22

#DDB622

Triadic

#DDB622

#22DDB6

#B622DD

Split Complementary

#DDB622

#22A6DD

#5922DD

Tetradic

#DDB622

#22DD59

#2249DD

#DD22A6

Color Blindness Simulation

Original

#DDB622

Protanopia

#CCCC46

Deuteranopia

#CED14E

Tritanopia

#DB6268

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FCFAF3
100
#F8F4E2
200
#F5EBC1
300
#EFDC95
400
#E6C95B
500
#DDB622
600
#B1921B
700
#8D7416
800
#6E5B11
900
#504310
950
#332A0A

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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