1. browns
2. dark-vibrants
3. Beasty Brown

Color Beasty Brown brown (#663300):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Beasty Brown brown (#663300):
Its Meaning and Harmonious Color Matches in Design.

Hue Family:
browns

browns Family:
dark-vibrant

Saturation:
highly saturated

Tones:
dark-toned

Shade:
dark

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Beasty Brown / #663300

The HTML HEX code is #663300. The corresponding color name is "Beasty Brown". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 102%, Green (G): 51%, Blue (B): 0%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 50%, Yellow (Y):100%, Black (K): 60%. In the HSL color space, #663300 has a hue of 30°, saturation of 100%, and lightness of 20%. The HSV representation is 30° for hue, 100% for saturation, and 40% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 27, a* (green to red) = 20, and b* (blue to yellow) = 38. The XYZ representation is X: 7, Y: 5, Z: 1. In the YUV color space, it translates to Y (luminance) = 0.2370, U (chrominance) = -0.1166, and V (chrominance) = 0.1430.

The decimal value of the color is 6697728. The closest Web-safe HEX code is #663300. Variations of the colour are #CC6600 for a 20% lighter version and #000000 for a 20% darker version.

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

The approximate wavelength of #663300 is around 640.00nm.

The Depth and Diversity of Beasty Brown (Hex: #663300): Exploring its Impact in Design and Culture

Beasty Brown (#663300) is a rich and warm hex color that resembles the rugged and earthy tones found in the bark of ancient trees or the coarse fur of a majestic brown bear. This hue exudes strength, resilience, and a deep connection to nature. Just as the bark protects the tree and the bears fur shields it from the elements, Beasty Brown brings a sense of security and steadfastness to any design or setting. It blends well with organic textures and pairs beautifully with autumnal hues, creating a natural and grounded aesthetic.

Tints and Shades of #663300 HEX color (Beasty Brown)

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 #663300, 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
• #D9CCBF
• #B39980
• #8C6640
• #663300
• #4D2600
• #331A00
• #1A0D00
• #000000

Tones of Beasty Brown (#663300 HEX color)

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

• #705233
• #6e4a26
• #6b421a
• #693b0d
• #663300
• #333333
• #262626
• #1a1a1a
• #0d0d0d

HTML Usage Examples

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

p { color: #663300; }

.text {color:#663300;}

.background {background-color:#663300;}

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