1. red-oranges
2. neutral-vibrants
3. Orange Zest

Color Orange Zest red-orange (#f07227):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Orange Zest red-orange (#f07227):
Its Meaning and Harmonious Color Matches in Design.

Hue Family:
red-oranges

red-oranges Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
mid-toned

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Orange Zest / #f07227

The HTML HEX code is #f07227. The corresponding color name is "Orange Zest". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 240%, Green (G): 114%, Blue (B): 39%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 53%, Yellow (Y):84%, Black (K): 6%. In the HSL color space, #f07227 has a hue of 22°, saturation of 87%, and lightness of 55%. The HSV representation is 22° for hue, 84% for saturation, and 94% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 62, a* (green to red) = 44, and b* (blue to yellow) = 60. The XYZ representation is X: 42, Y: 31, Z: 6. In the YUV color space, it translates to Y (luminance) = 0.5613, U (chrominance) = -0.2009, and V (chrominance) = 0.3333.

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

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

The approximate wavelength of #f07227 is around 656.00nm.

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

Orange Zest (#f07227) is a vibrant and warm hue, reminiscent of a blazing sunset. This energetic color shares similarities with elements found in nature, such as a ripened tangerine, a field of marigold flowers, or the fiery glow of autumn leaves. It exudes a sense of vitality and enthusiasm, much like the citrusy burst of freshly squeezed orange juice. Orange Zest is a versatile color that can create a lively atmosphere when used in branding, decor, or design. Use it to add a vibrant touch to your website, logo, or marketing materials.

Tints and Shades of #f07227 HEX color (Orange Zest)

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 #f07227, 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
• #FBDCC9
• #F8B993
• #F4955D
• #f07227
• #B4561D
• #783914
• #3C1D0A
• #000000

Tones of Orange Zest (#f07227 HEX color)

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

• #c3784b
• #ce7642
• #da7539
• #e57330
• #f07227
• #5d4536
• #573b2a
• #52311e
• #4c2711

HTML Usage Examples

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

p { color: #f07227; }

.text {color:#f07227;}

.background {background-color:#f07227;}

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