#DED996

Yellow

HEX

RGB

HSL

About #DED996 Yellow

#DED996 is a yellow color. In the RGB color model, it is composed of 222 red, 217 green, and 150 blue. In the HSL color space, it has a hue of 56°, saturation of 52%, and lightness of 73%.

This color has a high lightness value, making it a light color suitable for backgrounds. With moderate saturation, it appears balanced and versatile.

CSS Code & Gradients

Use #DED996 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

56°

Hue

52%

Saturation

73%

Lightness

Yellow

Color Harmonies

Colors that work well with #DED996 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #DED996 against white and black backgrounds.

Aa#DED996 on White
Contrast Ratio1.45:1
AA AA Large AAA
Aa#DED996 on Black
Contrast Ratio14.47:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #DED996 across different color formats.

FormatValue
HEX#DED996
RGBrgb(222, 217, 150)
HSLhsl(56, 52%, 73%)
RGB Decimal222, 217, 150
RGB Percent87.1%, 85.1%, 58.8%
CMYK (approx.)0%, 2%, 32%, 13%

Related Palettes

12 palettes using #DED996 or similar colors

#E7C8B4#E6D199#E5E9B0#DBEEBF
#ECC3C9#EBC6BD#F0D7BB#E6DC9E
#E9D398#EAEFA4#DBEBC3#ADEB97
#EA9AA0#EDBFAF#EAC795#E1DCA2
#E8AE9F#EDCFAC#EADF98#E0EDAA
#EBDC99#E1EBAA#D1EAB6#B0EDA2
#E1E39F#D7EDB0#C2EDAF#B6ECB8
#E8A89E#E8BF9B#EFE5BF#DCE69B
#6F4E44#9F7750#BFA96E#D2D199
#E7B2AB#ECC2A0#EDDB9A#DDE4AA
#E69AB2#EAA8A7#EBC0A8#E5CFA1
#DAE2A4#D4E9BC#ACE79D#B7EFBF