#E2D450

Yellow

HEX

RGB

HSL

About #E2D450 Yellow

#E2D450 is a yellow color. In the RGB color model, it is composed of 226 red, 212 green, and 80 blue. In the HSL color space, it has a hue of 54°, saturation of 72%, and lightness of 60%.

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

Use #E2D450 in your CSS, SCSS, or Tailwind projects.

Color Properties

54°

Hue

72%

Saturation

60%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#E2D450 on White
Contrast Ratio1.53:1
AA AA Large AAA
Aa#E2D450 on Black
Contrast Ratio13.77:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #E2D450 across different color formats.

FormatValue
HEX#E2D450
RGBrgb(226, 212, 80)
HSLhsl(54, 72%, 60%)
RGB Decimal226, 212, 80
RGB Percent88.6%, 83.1%, 31.4%
CMYK (approx.)0%, 6%, 65%, 11%

Related Palettes

12 palettes using #E2D450 or similar colors

#C37522#DED445#C1E779#BCF0AD
#C37022#DECF45#C4E779#BFF0AD
#EBD247#47EBD2#D247EB#F7EEBA
#D247EB#EBD247#47EBD2#EEBAF7
#47EBD2#D247EB#EBD247#BAF7EE
#47EBD8#D847EB#EBD847#BAF7F0
#D847EB#EBD847#47EBD8#F0BAF7
#4DE5C7#C74DE5#E5C74D#BCF5EA
#47EBCF#CF47EB#EBCF47#BAF7ED
#EBCF47#47EBCF#CF47EB#F7EDBA
#CF47EB#EBCF47#47EBCF#EDBAF7
#EBDA47#47EBDA#DA47EB#F7F1BA