1. reds
2. neutral-vibrants
3. Portland Orange

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

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

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 Portland Orange / #ff5a36

The HTML HEX code is #ff5a36. The corresponding color name is "Portland Orange". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 255%, Green (G): 90%, Blue (B): 54%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 65%, Yellow (Y):79%, Black (K): 0%. In the HSL color space, #ff5a36 has a hue of 11°, saturation of 100%, and lightness of 61%. The HSV representation is 11° for hue, 79% for saturation, and 100% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 61, a* (green to red) = 61, and b* (blue to yellow) = 53. The XYZ representation is X: 46, Y: 29, Z: 7. In the YUV color space, it translates to Y (luminance) = 0.5303, U (chrominance) = -0.1568, and V (chrominance) = 0.4121.

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

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

The approximate wavelength of #ff5a36 is around 678.00nm.

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

Portland Orange (#ff5a36) is a vibrant hue reminiscent of a fiery sunset. This color evokes the warmth and energy of a crackling bonfire, radiating a sense of passion and excitement. Like a blazing autumn leaf, Portland Orange grabs attention and leaves a lasting impression. It shares similarities with the vibrant hues found in certain succulent plants, such as the fiery flowers of aloe plants or the striking petals of a gerbera daisy. Its boldness and intensity make it a perfect choice for designs that aim to convey enthusiasm, creativity, and zest.

Tints and Shades of #ff5a36 HEX color (Portland 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 #ff5a36, 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
• #FFD6CD
• #FFAD9B
• #FF8368
• #ff5a36
• #BF4429
• #802D1B
• #40170E
• #000000

Tones of Portland Orange (#ff5a36 HEX color)

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

• #cc6954
• #d9654c
• #e66245
• #f25e3d
• #ff5a36
• #723f33
• #703426
• #6e291a
• #6b1e0d

HTML Usage Examples

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

p { color: #ff5a36; }

.text {color:#ff5a36;}

.background {background-color:#ff5a36;}

.border {border:1px solid #ff5a36;}