Color Hearth orange (#e1cca6):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Hearth orange (#e1cca6):
Its Meaning and Harmonious Color Matches in Design.

Hearth is a color with a HTML hex code of #e1cca6.

Hue Family:
oranges

oranges Family:
light-neutral

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Hearth / #e1cca6

The HTML HEX code is #e1cca6. The corresponding color name is "Hearth". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 225%, Green (G): 204%, Blue (B): 166%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 9%, Yellow (Y):26%, Black (K): 12%. In the HSL color space, #e1cca6 has a hue of 39°, saturation of 50%, and lightness of 77%. The HSV representation is 39° for hue, 26% for saturation, and 88% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 83, a* (green to red) = 2, and b* (blue to yellow) = 22. The XYZ representation is X: 60, Y: 62, Z: 45. In the YUV color space, it translates to Y (luminance) = 0.8076, U (chrominance) = -0.0771, and V (chrominance) = 0.0656.

The decimal value of the color is 14797990. The closest Web-safe HEX code is #CCCC99. Variations of the colour are #FBF8F4 for a 20% lighter version and #C8A25B for a 20% darker version.

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

The approximate wavelength of #e1cca6 is around 622.00nm.

VALUECSS
HEX Codee1cca6#e1cca6
RGB Decimal Code225, 204, 166rgb(225, 204, 166)
CMYK0, 9, 26, 12/
HSL39°, 50%, 77%hsl(39°, 50%, 77%)
HSV39°, 26%, 88%/
CIE-LAB83, 2, 22/
XYZ 60, 62, 45/
YUV0.8076, -0.0771, 0.0656/
Decimal value14797990/
Web-Safe HEXCCCC99#CCCC99
Color Temperature (CT)4643 Kelvin (4643K)/
Estimate Wavelengtharound 622.00nm/

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

The hex color #e1cca6, named Hearth, resembles the warm and inviting tones of burning embers in a fireplace. This color evokes a sense of coziness and comfort, similar to the feeling one gets while sitting by a crackling fire. It shares similarities with natural elements such as autumn leaves, toasted marshmallows, and the soft glow of candlelight. The Hearth color can be used to create a welcoming and nurturing atmosphere in interior design, cozy clothing, or branding for businesses focused on hospitality and well-being.

Download Stunning Hearth Wallpapers and Backgrounds

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

Experience Elegance with Hearth 4K Wallpaper

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

Tints and Shades of #e1cca6 HEX color (Hearth)

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 #e1cca6, 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
  • #F8F2E9
  • #F0E6D3
  • #E9D9BC
  • #e1cca6
  • #A9997D
  • #716653
  • #38332A
  • #000000

Tones of Hearth (#e1cca6 HEX color)

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

  • #baae97
  • #c4b59b
  • #cebd9e
  • #d7c4a2
  • #e1cca6
  • #87734f
  • #887147
  • #8a6f3f
  • #8b6d37

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #e1cca6; }

Text with hexadecimal color #e1cca6

This is a sample text with color #e1cca6.

Background Color with #e1cca6

This is a example with background color #e1cca6.

Border Color with #e1cca6

This is a example of a border with #e1cca6.

#e1cca6 Color Preview on White (#ffffff) Background

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

#e1cca6 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#e1cca6
#A7BCE2

Analogous Colors

#D58D81
#D5A281
#EEDBCD
#E2CDA7
#EEEBCD
#D5CD81
#C8D581

Split Complementary Colors

#A7D9E2
#E2CDA7
#B0A7E2

Triadic Colors

#A7E2CD
#E2CDA7
#CDA7E2

Tetradic Colors

#A7E2B0
#A7BCE2
#E2A7D9