#DED021

#DED021

Color Values

HEX

#DED021

RGB

222, 208, 33

HSL

55.6, 74.1%, 50.0%

HSV

55.6, 85.1%, 87.1%

CMYK

0.0%, 6.3%, 85.1%, 12.9%

OKLCH

0.8428 0.172 104.4

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#DED021

#212FDE

Analogous

#DE7221

#8DDE21

#DED021

Triadic

#DED021

#21DED0

#D021DE

Split Complementary

#DED021

#218DDE

#7221DE

Tetradic

#DED021

#21DE72

#212FDE

#DE218D

Color Blindness Simulation

Original

#DED021

Protanopia

#D8D84B

Deuteranopia

#D9DA56

Tritanopia

#DD6D74

Achromatopsia

#C6C6C6

CSS Usage

background-color: #DED021;
color: #DED021;
border-color: #DED021;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFBF3
100
#F8F7E2
200
#F6F2C1
300
#EFE894
400
#E7DC5B
500
#DED021
600
#B2A61A
700
#8E8515
800
#6F6811
900
#514C10
950
#33300A

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

13.15:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026