Color Caramel Bar red-orange (#cc8654):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Caramel Bar red-orange (#cc8654):
Its Meaning and Harmonious Color Matches in Design.

Caramel Bar is a color with a HTML hex code of #cc8654.

Hue Family:
red-oranges

red-oranges Family:
neutral

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Caramel Bar / #cc8654

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

In the CIE-LAB color space, the color is denoted by L* (lightness) = 62, a* (green to red) = 22, and b* (blue to yellow) = 38. The XYZ representation is X: 35, Y: 31, Z: 12. In the YUV color space, it translates to Y (luminance) = 0.5852, U (chrominance) = -0.1259, and V (chrominance) = 0.1884.

The decimal value of the color is 13403732. The closest Web-safe HEX code is #CC9966. Variations of the colour are #E3BCA1 for a 20% lighter version and #8D542A for a 20% darker version.

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

The approximate wavelength of #cc8654 is around 650.00nm.

VALUECSS
HEX Codecc8654#cc8654
RGB Decimal Code204, 134, 84rgb(204, 134, 84)
CMYK0, 34, 59, 20/
HSL25°, 54%, 56%hsl(25°, 54%, 56%)
HSV25°, 59%, 80%/
CIE-LAB62, 22, 38/
XYZ 35, 31, 12/
YUV0.5852, -0.1259, 0.1884/
Decimal value13403732/
Web-Safe HEXCC9966#CC9966
Color Temperature (CT)2694 Kelvin (2694K)/
Estimate Wavelengtharound 650.00nm/

The Depth and Diversity of Caramel Bar (Hex: #cc8654): Exploring its Impact in Design and Culture

Caramel Bar (#cc8654) exudes the warmth of a ripened autumn landscape, similar to a golden sunset over a field of wheat. It shares the earthy tones of a sandy beach, adorned with seashells and characterized by the rustic bark of a cinnamon tree. This hue evokes the comforting aroma of freshly brewed coffee, the rich hue of toasted almonds, and the decadent indulgence of a chocolate-covered caramel candy. Caramel Bar encapsulates the natural flavors of creamy custard, smooth honey, and smoldering amber, reminiscent of a crackling bonfire under a starlit night.

Download Stunning Caramel Bar Wallpapers and Backgrounds

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

Experience Elegance with Caramel Bar 4K Wallpaper

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

Tints and Shades of #cc8654 HEX color (Caramel Bar)

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 #cc8654, 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
  • #F2E1D4
  • #E6C3AA
  • #D9A47F
  • #cc8654
  • #99653F
  • #66432A
  • #332215
  • #000000

Tones of Caramel Bar (#cc8654 HEX color)

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

  • #ae8466
  • #b58461
  • #bd855d
  • #c48558
  • #cc8654
  • #5a4a3f
  • #544134
  • #4e3829
  • #472f1e

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #cc8654; }

Text with hexadecimal color #cc8654

This is a sample text with color #cc8654.

Background Color with #cc8654

This is a example with background color #cc8654.

Border Color with #cc8654

This is a example of a border with #cc8654.

#cc8654 Color Preview on White (#ffffff) Background

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

#cc8654 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#cc8654
#5299CB

Analogous Colors

#B53641
#B54B36
#D78979
#CB8552
#D7B879
#B58A36
#B5AA36

Split Complementary Colors

#52CBC1
#CB8552
#525CCB

Triadic Colors

#52CB85
#CB8552
#8552CB

Tetradic Colors

#5CCB52
#5299CB
#C152CB