#E2A71D

Yellow

HEX

RGB

HSL

About #E2A71D Yellow

#E2A71D is a yellow color. In the RGB color model, it is composed of 226 red, 167 green, and 29 blue. In the HSL color space, it has a hue of 42°, saturation of 77%, and lightness of 50%.

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 #E2A71D in your CSS, SCSS, or Tailwind projects.

Color Properties

42°

Hue

77%

Saturation

50%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#E2A71D on White
Contrast Ratio2.15:1
AA AA Large AAA
Aa#E2A71D on Black
Contrast Ratio9.78:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #E2A71D across different color formats.

FormatValue
HEX#E2A71D
RGBrgb(226, 167, 29)
HSLhsl(42, 77%, 50%)
RGB Decimal226, 167, 29
RGB Percent88.6%, 65.5%, 11.4%
CMYK (approx.)0%, 26%, 87%, 11%

Related Palettes

12 palettes using #E2A71D or similar colors

#E79B18#D0ED12#64E817#18E734
#F0340F#ECA413#C8ED12#5CE916
#E6B619#AFE619#48E817#07F847
#D99D26#D5E052#B3E87D#AEF0A8
#E8630A#F2A922#F7D44C#9BC53D
#E95216#E7BA18#B6FD02#45E718
#A53A27#E6A732#DAEA7B#D1F4BD
#FFC312#F79F1F#EE5A24#EA2027
#D980FA#FDA7DF#FFC312#F79F1F
#F39C12#D35400#C0392B#7F8C8D
#2ECC71#27AE60#F1C40F#F39C12
#F1C40F#F39C12#1ABC9C#16A085