Color Shortbread orange (#f5e6d3):
HEX, RGB color codes for HTML and CSS

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

Shortbread is a color with a HTML hex code of #f5e6d3.

Hue Family:
oranges

oranges Family:
light-neutral

Saturation:
weakly saturated

Tones:
light-toned

Shade:
light

Temperature:
warm

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Shortbread / #f5e6d3

The HTML HEX code is #f5e6d3. The corresponding color name is "Shortbread". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 245%, Green (G): 230%, Blue (B): 211%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 6%, Yellow (Y):14%, Black (K): 4%. In the HSL color space, #f5e6d3 has a hue of 34°, saturation of 63%, and lightness of 89%. The HSV representation is 34° for hue, 14% for saturation, and 96% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 92, a* (green to red) = 2, and b* (blue to yellow) = 11. The XYZ representation is X: 78, Y: 81, Z: 73. In the YUV color space, it translates to Y (luminance) = 0.9111, U (chrominance) = -0.0411, and V (chrominance) = 0.0436.

The decimal value of the color is 16115411. The closest Web-safe HEX code is #FFFFCC. Variations of the colour are #FFFFFF for a 20% lighter version and #E2B77E for a 20% darker version.

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

The approximate wavelength of #f5e6d3 is around 632.00nm.

VALUECSS
HEX Codef5e6d3#f5e6d3
RGB Decimal Code245, 230, 211rgb(245, 230, 211)
CMYK0, 6, 14, 4/
HSL34°, 63%, 89%hsl(34°, 63%, 89%)
HSV34°, 14%, 96%/
CIE-LAB92, 2, 11/
XYZ 78, 81, 73/
YUV0.9111, -0.0411, 0.0436/
Decimal value16115411/
Web-Safe HEXFFFFCC#FFFFCC
Color Temperature (CT)5370 Kelvin (5370K)/
Estimate Wavelengtharound 632.00nm/

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

The hex color #f5e6d3, known as Shortbread, resembles the warm hue of freshly baked shortbread cookies. Its soft, creamy tone evokes a sense of comfort and nostalgia, reminiscent of golden pastries enjoyed with a cup of tea. This color shares similarities with natural elements such as the soft glow of a sunset, the warmth of sand on a beach, or the delicate petals of a garden rose. Shortbread also brings to mind the gentle tones of a rustic farmhouse, the coziness of a cashmere sweater, or the inviting ambiance of a candlelit room.

Download Stunning Shortbread Wallpapers and Backgrounds

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

Experience Elegance with Shortbread 4K Wallpaper

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

Tints and Shades of #f5e6d3 HEX color (Shortbread)

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 #f5e6d3, 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
  • #FDF9F4
  • #FAF3E9
  • #F8ECDE
  • #f5e6d3
  • #B8AD9E
  • #7B736A
  • #3D3A35
  • #000000

Tones of Shortbread (#f5e6d3 HEX color)

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

  • #c6bdb2
  • #d2c7ba
  • #ded2c2
  • #e9dccb
  • #f5e6d3
  • #ae844f
  • #b68547
  • #be863f
  • #c58637

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #f5e6d3; }

Text with hexadecimal color #f5e6d3

This is a sample text with color #f5e6d3.

Background Color with #f5e6d3

This is a example with background color #f5e6d3.

Border Color with #f5e6d3

This is a example of a border with #f5e6d3.

#f5e6d3 Color Preview on White (#ffffff) Background

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

#f5e6d3 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#f5e6d3
#D1E1F5

Analogous Colors

#EBACA8
#EBBDA8
#FEFCFB
#F5E5D1
#FEFDFB
#EBDFA8
#E7EBA8

Split Complementary Colors

#D1F2F5
#F5E5D1
#D4D1F5

Triadic Colors

#D1F5E5
#F5E5D1
#E5D1F5

Tetradic Colors

#D1F5D4
#D1E1F5
#F5D1F2