Color Smashing Pumpkins red (#ff5522):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Smashing Pumpkins red (#ff5522):
Its Meaning and Harmonious Color Matches in Design.

Smashing Pumpkins is a color with a HTML hex code of #ff5522.

Hue Family:
reds

reds Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
mid-toned

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Smashing Pumpkins / #ff5522

The HTML HEX code is #ff5522. The corresponding color name is "Smashing Pumpkins". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 255%, Green (G): 85%, Blue (B): 34%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 67%, Yellow (Y):87%, Black (K): 0%. In the HSL color space, #ff5522 has a hue of 14°, saturation of 100%, and lightness of 57%. The HSV representation is 14° for hue, 87% for saturation, and 100% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 60, a* (green to red) = 62, and b* (blue to yellow) = 61. The XYZ representation is X: 45, Y: 28, Z: 5. In the YUV color space, it translates to Y (luminance) = 0.5099, U (chrominance) = -0.1853, and V (chrominance) = 0.4300.

The decimal value of the color is 16733474. The closest Web-safe HEX code is #FF6633. Variations of the colour are #FFA58A for a 20% lighter version and #BD2C00 for a 20% darker version.

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

The approximate wavelength of #ff5522 is around 672.00nm.

VALUECSS
HEX Codeff5522#ff5522
RGB Decimal Code255, 85, 34rgb(255, 85, 34)
CMYK0, 67, 87, 0/
HSL14°, 100%, 57%hsl(14°, 100%, 57%)
HSV14°, 87%, 100%/
CIE-LAB60, 62, 61/
XYZ 45, 28, 5/
YUV0.5099, -0.1853, 0.4300/
Decimal value16733474/
Web-Safe HEXFF6633#FF6633
Color Temperature (CT)1651 Kelvin (1651K)/
Estimate Wavelengtharound 672.00nm/

The Depth and Diversity of Smashing Pumpkins (Hex: #ff5522): Exploring its Impact in Design and Culture

The hex color #ff5522, named Smashing Pumpkins, shares similarities with the vibrant hues of fiery sunsets. Its assertive and warm tones resemble the intense glow of the sun as it dips below the horizon, casting an orange-red hue across the sky. This shade also evokes the playful brilliance of autumn foliage, with shades that range from burnt sienna to lively vermillion. Smashing Pumpkins can bring to mind the bold and energetic atmosphere of a roaring bonfire, as its rich and vivid tones mimic the dancing flames that captivate and illuminate.

Download Stunning Smashing Pumpkins Wallpapers and Backgrounds

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

Experience Elegance with Smashing Pumpkins 4K Wallpaper

Immerse yourself in the beauty of our Smashing Pumpkins 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 Smashing Pumpkins 4K Wallpaper

Tints and Shades of #ff5522 HEX color (Smashing Pumpkins)

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 #ff5522, 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
  • #FFD5C8
  • #FFAA91
  • #FF8059
  • #ff5522
  • #BF401A
  • #802B11
  • #401509
  • #000000

Tones of Smashing Pumpkins (#ff5522 HEX color)

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

  • #cc6648
  • #d9623e
  • #e65e35
  • #f2592b
  • #ff5522
  • #663f33
  • #623426
  • #5e2a1a
  • #591f0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #ff5522; }

Text with hexadecimal color #ff5522

This is a sample text with color #ff5522.

Background Color with #ff5522

This is a example with background color #ff5522.

Border Color with #ff5522

This is a example of a border with #ff5522.

#ff5522 Color Preview on White (#ffffff) Background

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

#ff5522 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#ff5522
#24CCFF

Analogous Colors

#F00040
#F00004
#FF575A
#FF5724
#FFA857
#F07400
#F0B000

Split Complementary Colors

#24FFC5
#FF5724
#245EFF

Triadic Colors

#24FF57
#FF5724
#5724FF

Tetradic Colors

#5EFF24
#24CCFF
#C524FF