Color Heavy Orange red (#ee4328):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Heavy Orange red (#ee4328):
Its Meaning and Harmonious Color Matches in Design.

Heavy Orange is a color with a HTML hex code of #ee4328.

Hue Family:
reds

reds Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
colorful tone

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Heavy Orange / #ee4328

The HTML HEX code is #ee4328. The corresponding color name is "Heavy Orange". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 238%, Green (G): 67%, Blue (B): 40%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 72%, Yellow (Y):83%, Black (K): 7%. In the HSL color space, #ee4328 has a hue of 8°, saturation of 85%, and lightness of 55%. The HSV representation is 8° for hue, 83% for saturation, and 93% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 54, a* (green to red) = 64, and b* (blue to yellow) = 53. The XYZ representation is X: 38, Y: 22, Z: 4. In the YUV color space, it translates to Y (luminance) = 0.4512, U (chrominance) = -0.1448, and V (chrominance) = 0.4230.

The decimal value of the color is 15614760. The closest Web-safe HEX code is #FF3333. Variations of the colour are #F59889 for a 20% lighter version and #A5220D for a 20% darker version.

For the color with hex value #ee4328, the correlated color temperature (CT) is estimated to be 1757 Kelvin (1757K).

The approximate wavelength of #ee4328 is around 684.00nm.

VALUECSS
HEX Codeee4328#ee4328
RGB Decimal Code238, 67, 40rgb(238, 67, 40)
CMYK0, 72, 83, 7/
HSL8°, 85%, 55%hsl(8°, 85%, 55%)
HSV8°, 83%, 93%/
CIE-LAB54, 64, 53/
XYZ 38, 22, 4/
YUV0.4512, -0.1448, 0.4230/
Decimal value15614760/
Web-Safe HEXFF3333#FF3333
Color Temperature (CT)1757 Kelvin (1757K)/
Estimate Wavelengtharound 684.00nm/

The Depth and Diversity of Heavy Orange (Hex: #ee4328): Exploring its Impact in Design and Culture

The hex color #ee4328, known as Heavy Orange, closely resembles the fiery hue of a blazing sunset, radiating warmth and intensity. It shares similarities with the vibrant flames of a crackling bonfire or the rich tones of autumn foliage. This color evokes a sense of energy and excitement, much like the exhilaration of a thrilling roller coaster ride. Its bold and captivating presence makes it a popular choice for creating eye-catching designs or drawing attention to important elements on a webpage.

Download Stunning Heavy Orange Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Heavy Orange Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Heavy Orange 4K Wallpaper

Immerse yourself in the beauty of our Heavy Orange 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Heavy Orange 4K Wallpaper

Tints and Shades of #ee4328 HEX color (Heavy Orange)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #ee4328, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #FBD0C9
  • #F7A194
  • #F2725E
  • #ee4328
  • #B3321E
  • #772214
  • #3C110A
  • #000000

Tones of Heavy Orange (#ee4328 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #ee4328, #c25b4b is the less saturated color, while #ee4328 is the most saturated one.

  • #c25b4b
  • #cd5542
  • #d84f3a
  • #e34931
  • #ee4328
  • #5d3c36
  • #57302a
  • #51251e
  • #4b1911

HTML Usage Examples

HTML using color code example

<p style="color: #ee4328;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #ee4328.

CSS color code example

p { color: #ee4328; }

Text with hexadecimal color #ee4328

This is a sample text with color #ee4328.

Background Color with #ee4328

This is a example with background color #ee4328.

Border Color with #ee4328

This is a example of a border with #ee4328.

#ee4328 Color Preview on White (#ffffff) Background

This is a example of text with color #ee4328 on white background.

#ee4328 Color Preview on Black (#000000) Background

This is a example of text with color #ee4328 on black background.

CSS codes examples

.text {color:#ee4328;}
.background {background-color:#ee4328;}
.border {border:1px solid #ee4328;}

Complementary Color

#ee4328
#2BD4EE

Analogous Colors

#D41159
#D41128
#F25A6C
#EE452B
#F2945A
#D45C11
#D48D11

Split Complementary Colors

#2BEEA6
#EE452B
#2B72EE

Triadic Colors

#2BEE45
#EE452B
#452BEE

Tetradic Colors

#72EE2B
#2BD4EE
#A62BEE