#E85E30

Orange

HEX

RGB

HSL

About #E85E30 Orange

#E85E30 is a orange color. In the RGB color model, it is composed of 232 red, 94 green, and 48 blue. In the HSL color space, it has a hue of 15°, saturation of 80%, and lightness of 55%.

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

Color Properties

15°

Hue

80%

Saturation

55%

Lightness

Orange

Color Harmonies

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

Accessibility

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

Aa#E85E30 on White
Contrast Ratio3.46:1
AA AA Large AAA
Aa#E85E30 on Black
Contrast Ratio6.07:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #E85E30 across different color formats.

FormatValue
HEX#E85E30
RGBrgb(232, 94, 48)
HSLhsl(15, 80%, 55%)
RGB Decimal232, 94, 48
RGB Percent91.0%, 36.9%, 18.8%
CMYK (approx.)0%, 59%, 79%, 9%

Related Palettes

12 palettes using #E85E30 or similar colors

#A8243E#E46935#E3D082#E3F2C0
#FFC312#F79F1F#EE5A24#EA2027
#A62653#E44F34#E3C182#EBF3BE
#D95F26#E0BA52#D8E87D#C7F0A8
#D125F4#47F425#F46A25#25AFF4
#B01C46#D9613F#E4C881#E9F5BC
#F1C40F#E67E22#E74C3C#95A5A6
#8E44AD#9B59B6#E74C3C#C0392B
#E74C3C#C0392B#34495E#2C3E50
#3498DB#2980B9#E74C3C#C0392B
#F1C40F#F39C12#E74C3C#C0392B
#E74C3C#C0392B#9B59B6#8E44AD