1. browns
2. neutrals
3. Ochre

Color Ochre brown (#cc7722):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Ochre brown (#cc7722):
Its Meaning and Harmonious Color Matches in Design.

Hue Family:
browns

browns Family:
neutral

Saturation:
highly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Ochre / #cc7722

The HTML HEX code is #cc7722. The corresponding color name is "Ochre". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 204%, Green (G): 119%, Blue (B): 34%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 42%, Yellow (Y):83%, Black (K): 20%. In the HSL color space, #cc7722 has a hue of 30°, saturation of 71%, and lightness of 47%. The HSV representation is 30° for hue, 83% for saturation, and 80% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 58, a* (green to red) = 27, and b* (blue to yellow) = 57. The XYZ representation is X: 32, Y: 26, Z: 5. In the YUV color space, it translates to Y (luminance) = 0.5283, U (chrominance) = -0.1944, and V (chrominance) = 0.2383.

The decimal value of the color is 13399842. The closest Web-safe HEX code is #CC6633. Variations of the colour are #E7AB6F for a 20% lighter version and #764514 for a 20% darker version.

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

The approximate wavelength of #cc7722 is around 640.00nm.

The Depth and Diversity of Ochre (Hex: #cc7722): Exploring its Impact in Design and Culture

Ochre, the hex color #cc7722, resembles the warm and earthy tones of autumn leaves. This deep orange-brown hue evokes images of a crackling fire, adding coziness to any space. Similar to the rich ochre pigment found in natural elements like clay, the color exudes a sense of groundedness and stability. It can be likened to the rusty patina on antique metal, bringing a touch of history and character to designs. Ochre also mirrors the color of spices like cinnamon and nutmeg, evoking a sense of warmth and comfort in both visuals and emotions.

Tints and Shades of #cc7722 HEX color (Ochre)

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 #cc7722, 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
• #F2DDC8
• #E6BB91
• #D99959
• #cc7722
• #99591A
• #663C11
• #331E09
• #000000

Tones of Ochre (#cc7722 HEX color)

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

• #ae7b48
• #b57a3e
• #bd7935
• #c4782b
• #cc7722
• #453d36
• #3b322a
• #31271e
• #271c11

HTML Usage Examples

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

p { color: #cc7722; }

.text {color:#cc7722;}

.background {background-color:#cc7722;}

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