#E2D820

Yellow

HEX

RGB

HSL

About #E2D820 Yellow

#E2D820 is a yellow color. In the RGB color model, it is composed of 226 red, 216 green, and 32 blue. In the HSL color space, it has a hue of 57°, saturation of 77%, and lightness of 51%.

This color has a medium lightness value, making it a balanced tone ideal for both text and UI elements. With high saturation, it appears vibrant and eye-catching.

CSS Code & Gradients

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

Beautiful Gradients

Color Properties

57°

Hue

77%

Saturation

51%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#E2D820 on White
Contrast Ratio1.49:1
AA AA Large AAA
Aa#E2D820 on Black
Contrast Ratio14.08:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #E2D820 across different color formats.

FormatValue
HEX#E2D820
RGBrgb(226, 216, 32)
HSLhsl(57, 77%, 51%)
RGB Decimal226, 216, 32
RGB Percent88.6%, 84.7%, 12.5%
CMYK (approx.)0%, 4%, 86%, 11%

Related Palettes

12 palettes using #E2D820 or similar colors

#F6098B#EB141F#E97516#E9DE16
#ECD313#9AEF10#22F906#02FD62
#F425A8#25F471#F4D825#2541F4
#F425A4#25F474#F4DB25#253DF4
#F425AF#25F46A#F4D125#2547F4
#FE0501#EC8313#E6E916#7BF906
#25F466#F425B2#254BF4#F4CE25
#1F40F9#F9D91F#F91FAD#1FF96C
#A95F23#E1D937#B7E184#C0F5BD
#F9D51F#1F44F9#1FF968#F91FB1
#1FF968#F91FB1#1F44F9#F9D51F
#1F44F9#F9D51F#F91FB1#1FF968