Color Croissant orange (#c4ab86):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Croissant orange (#c4ab86):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
oranges
oranges Family:
neutral
Saturation:
moderately saturated
Tones:
colorful tone
Shade:
medium
Temperature:
warm
Chromaticity:
chromatic
Chroma:
medium chroma
Color Information about Croissant / #c4ab86
The HTML HEX code is #c4ab86. The corresponding color name is "Croissant". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 196%, Green (G): 171%, Blue (B): 134%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 13%, Yellow (Y):32%, Black (K): 23%. In the HSL color space, #c4ab86 has a hue of 36°, saturation of 34%, and lightness of 65%. The HSV representation is 36° for hue, 32% for saturation, and 77% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 71, a* (green to red) = 4, and b* (blue to yellow) = 22. The XYZ representation is X: 42, Y: 43, Z: 29. In the YUV color space, it translates to Y (luminance) = 0.6834, U (chrominance) = -0.0777, and V (chrominance) = 0.0748.
The decimal value of the color is 12888966. The closest Web-safe HEX code is #CC9999. Variations of the colour are #E6DBCC for a 20% lighter version and #9A7B4C for a 20% darker version.
For the color with hex value #c4ab86, the correlated color temperature (CT) is estimated to be 4329 Kelvin (4329K).
The approximate wavelength of #c4ab86 is around 628.00nm.
VALUE | CSS | |
---|---|---|
HEX Code | c4ab86 | #c4ab86 |
RGB Decimal Code | 196, 171, 134 | rgb(196, 171, 134) |
CMYK | 0, 13, 32, 23 | / |
HSL | 36°, 34%, 65% | hsl(36°, 34%, 65%) |
HSV | 36°, 32%, 77% | / |
CIE-LAB | 71, 4, 22 | / |
XYZ | 42, 43, 29 | / |
YUV | 0.6834, -0.0777, 0.0748 | / |
Decimal value | 12888966 | / |
Web-Safe HEX | CC9999 | #CC9999 |
Color Temperature (CT) | 4329 Kelvin (4329K) | / |
Estimate Wavelength | around 628.00nm | / |
The Depth and Diversity of Croissant (Hex: #c4ab86): Exploring its Impact in Design and Culture
Croissant, a warm-toned hex color #c4ab86, exudes an earthy elegance reminiscent of rustic terracotta pots and worn leather. It shares similarities with toasted almonds, bringing to mind the cozy extravagance of a French patisserie. This hue harmonizes with elements of nature, such as the golden foliage of autumn or the warm glow of a sunset. Pair Croissant with organic textures like linen or wood to create a soothing and sophisticated ambiance.
Download Stunning Croissant Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Croissant Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Croissant 4K Wallpaper
Immerse yourself in the beauty of our Croissant 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 Croissant 4K WallpaperTints and Shades of #c4ab86 HEX color (Croissant)
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 #c4ab86, 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
- #F0EAE1
- #E2D5C3
- #D3C0A4
- #c4ab86
- #938065
- #625643
- #312B22
- #000000
Tones of Croissant (#c4ab86 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #c4ab86, #a99a84 is the less saturated color, while #c4ab86 is the most saturated one.
- #a99a84
- #b09e84
- #b6a285
- #bda785
- #c4ab86
- #665b4c
- #625543
- #5e4f3a
- #594932
HTML Usage Examples
HTML using color code example
<p style="color: #c4ab86;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #c4ab86.
CSS color code example
p { color: #c4ab86; }
Text with hexadecimal color #c4ab86
This is a sample text with color #c4ab86.
Background Color with #c4ab86
This is a example with background color #c4ab86.
Border Color with #c4ab86
#c4ab86 Color Preview on White (#ffffff) Background
This is a example of text with color #c4ab86 on white background.
#c4ab86 Color Preview on Black (#000000) Background
This is a example of text with color #c4ab86 on black background.
CSS codes examples
.text {color:#c4ab86;}
.background {background-color:#c4ab86;}
.border {border:1px solid #c4ab86;}