#E0A31F

Yellow

HEX

RGB

HSL

About #E0A31F Yellow

#E0A31F is a yellow color. In the RGB color model, it is composed of 224 red, 163 green, and 31 blue. In the HSL color space, it has a hue of 41°, saturation of 76%, 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 #E0A31F in your CSS, SCSS, or Tailwind projects.

Color Properties

41°

Hue

76%

Saturation

50%

Lightness

Yellow

Color Harmonies

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

Accessibility

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

Aa#E0A31F on White
Contrast Ratio2.23:1
AA AA Large AAA
Aa#E0A31F on Black
Contrast Ratio9.43:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #E0A31F across different color formats.

FormatValue
HEX#E0A31F
RGBrgb(224, 163, 31)
HSLhsl(41, 76%, 50%)
RGB Decimal224, 163, 31
RGB Percent87.8%, 63.9%, 12.2%
CMYK (approx.)0%, 27%, 86%, 12%

Related Palettes

12 palettes using #E0A31F or similar colors

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