#EC4802

Vivid Orange

HEX

RGB

HSL

About #EC4802 Vivid Orange

#EC4802 is a vivid orange color. In the RGB color model, it is composed of 236 red, 72 green, and 2 blue. In the HSL color space, it has a hue of 18°, saturation of 98%, and lightness of 47%.

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 #EC4802 in your CSS, SCSS, or Tailwind projects. Copy ready-to-use gradients.

Beautiful Gradients

Color Properties

18°

Hue

98%

Saturation

47%

Lightness

Vivid Orange

Color Harmonies

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

Accessibility

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

Aa#EC4802 on White
Contrast Ratio3.82:1
AA AA Large AAA
Aa#EC4802 on Black
Contrast Ratio5.49:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #EC4802 across different color formats.

FormatValue
HEX#EC4802
RGBrgb(236, 72, 2)
HSLhsl(18, 98%, 47%)
RGB Decimal236, 72, 2
RGB Percent92.5%, 28.2%, 0.8%
CMYK (approx.)0%, 69%, 99%, 7%

Related Palettes

12 palettes using #EC4802 or similar colors

#FC03BE#FA0542#F5450A#FCBE03
#C505FA#F708B3#F10E3F#F54D0A
#B213EC#F20DBD#F50A49#F5410A
#B913EC#F10EB4#FD023D#FA4705
#EC134D#F64009#F9B806#C1F906
#EE4811#F4BA0B#B3E619#47F00F
#FE0144#EE4511#E7B018#BDF30C
#EC1351#F23F0D#F2B10D#C3F708
#EF104F#EE4111#FAB505#C2F40B
#CF03FC#FB04AD#F00F38#F65409
#EA1540#FC4E03#F4C60B#A9E718
#BB01FE#EC13BA#EA154E#EB4614