Color Cacao Nibs brown (#80442f):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Cacao Nibs brown (#80442f):
Its Meaning and Harmonious Color Matches in Design.

Cacao Nibs is a color with a HTML hex code of #80442f.

Hue Family:
browns

browns Family:
neutral

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Cacao Nibs / #80442f

The HTML HEX code is #80442f. The corresponding color name is "Cacao Nibs". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 128%, Green (G): 68%, Blue (B): 47%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 47%, Yellow (Y):63%, Black (K): 50%. In the HSL color space, #80442f has a hue of 16°, saturation of 46%, and lightness of 34%. The HSV representation is 16° for hue, 63% for saturation, and 50% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 36, a* (green to red) = 24, and b* (blue to yellow) = 24. The XYZ representation is X: 11, Y: 9, Z: 4. In the YUV color space, it translates to Y (luminance) = 0.3276, U (chrominance) = -0.0705, and V (chrominance) = 0.1529.

The decimal value of the color is 8406063. The closest Web-safe HEX code is #993333. Variations of the colour are #C07154 for a 20% lighter version and #341C13 for a 20% darker version.

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

The approximate wavelength of #80442f is around 668.00nm.

VALUECSS
HEX Code80442f#80442f
RGB Decimal Code128, 68, 47rgb(128, 68, 47)
CMYK0, 47, 63, 50/
HSL16°, 46%, 34%hsl(16°, 46%, 34%)
HSV16°, 63%, 50%/
CIE-LAB36, 24, 24/
XYZ 11, 9, 4/
YUV0.3276, -0.0705, 0.1529/
Decimal value8406063/
Web-Safe HEX993333#993333
Color Temperature (CT)2136 Kelvin (2136K)/
Estimate Wavelengtharound 668.00nm/

The Depth and Diversity of Cacao Nibs (Hex: #80442f): Exploring its Impact in Design and Culture

#80442f, also known as Cacao Nibs, resembles the warm, earthy tones of roasted cocoa bean fragments. This rich, deep brown color evokes images of freshly brewed coffee or a luxurious chocolate dessert. It shares similarities with the color of dark mahogany wood or the velvety coat of a chestnut horse. Cacao Nibs encapsulates the essence of natural warmth and indulgence, bringing to mind cozy evenings by a crackling fireplace or the inviting scent of a home-baked treat.

Download Stunning Cacao Nibs Wallpapers and Backgrounds

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

Experience Elegance with Cacao Nibs 4K Wallpaper

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

Tints and Shades of #80442f HEX color (Cacao Nibs)

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 #80442f, 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
  • #DFD0CB
  • #C0A297
  • #A07363
  • #80442f
  • #603323
  • #402218
  • #20110C
  • #000000

Tones of Cacao Nibs (#80442f HEX color)

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

  • #805c4f
  • #805647
  • #80503f
  • #804a37
  • #80442f
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #80442f; }

Text with hexadecimal color #80442f

This is a sample text with color #80442f.

Background Color with #80442f

This is a example with background color #80442f.

Border Color with #80442f

This is a example of a border with #80442f.

#80442f Color Preview on White (#ffffff) Background

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

#80442f Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#80442f
#2F697F

Analogous Colors

#59212E
#592221
#A43E3D
#7F442F
#A4723D
#593E21
#594C21

Split Complementary Colors

#2F7F6C
#7F442F
#2F417F

Triadic Colors

#2F7F44
#7F442F
#442F7F

Tetradic Colors

#417F2F
#2F697F
#6C2F7F