#DED558 Color

Color Information

HEX#DED558
RGB222, 213, 88
HSL56° , 67% , 61%
HSV56° , 60% , 87%
CMYK0%, 4%, 60%, 13%

Lighter Shades

#E2DA6C #E6DF80 #EAE494 #EEE9A8 #F2EEBC #F6F3D0

Darker Shades

#C3BB4D #A9A243 #8E8838 #736F2E #595523 #3E3C19

Complementary Palette

#BFB74C #DED558 #4D54BF #5962DE #7078E3 #E3DB6F

Analogous Palette

#B58A69 #CA956D #D1C853 #DED558 #A2CA6D #A9CE78

Triadic Palette

#C3BB4D #DED558 #4FE8DE #64EBE2 #DE4FE8 #C346CC

Split Complementary Palette

#C8C04F #DED558 #59A4DE #6AADE1 #9359DE #8450C8

Square Palette

#BAB34A #DED558 #63D494 #636AD4 #DE59A4 #E374B3

Tetradic Palette

#B6AF48 #DED558 #52F047 #5962DE #E547F0 #EA68F3

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #DED558 contains 222 red, 213 green, and 88 blue.

Contrast Ratio: 1.51:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 13.9:1