Color Hay yellow-orange (#d3caa3):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Hay yellow-orange (#d3caa3):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
yellow-oranges
yellow-oranges Family:
neutral
Saturation:
weakly saturated
Tones:
colorful tone
Shade:
light
Temperature:
warm
Chromaticity:
chromatic
Chroma:
low chroma
Color Information about Hay / #d3caa3
The HTML HEX code is #d3caa3. The corresponding color name is "Hay". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 211%, Green (G): 202%, Blue (B): 163%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 4%, Yellow (Y):23%, Black (K): 17%. In the HSL color space, #d3caa3 has a hue of 49°, saturation of 35%, and lightness of 73%. The HSV representation is 49° for hue, 23% for saturation, and 83% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 81, a* (green to red) = -3, and b* (blue to yellow) = 21. The XYZ representation is X: 55, Y: 59, Z: 43. In the YUV color space, it translates to Y (luminance) = 0.7853, U (chrominance) = -0.0719, and V (chrominance) = 0.0370.
The decimal value of the color is 13879971. The closest Web-safe HEX code is #CCCC99. Variations of the colour are #F3F1E7 for a 20% lighter version and #B1A25D for a 20% darker version.
For the color with hex value #d3caa3, the correlated color temperature (CT) is estimated to be 4937 Kelvin (4937K).
The approximate wavelength of #d3caa3 is around 602.00nm.
VALUE | CSS | |
---|---|---|
HEX Code | d3caa3 | #d3caa3 |
RGB Decimal Code | 211, 202, 163 | rgb(211, 202, 163) |
CMYK | 0, 4, 23, 17 | / |
HSL | 49°, 35%, 73% | hsl(49°, 35%, 73%) |
HSV | 49°, 23%, 83% | / |
CIE-LAB | 81, -3, 21 | / |
XYZ | 55, 59, 43 | / |
YUV | 0.7853, -0.0719, 0.0370 | / |
Decimal value | 13879971 | / |
Web-Safe HEX | CCCC99 | #CCCC99 |
Color Temperature (CT) | 4937 Kelvin (4937K) | / |
Estimate Wavelength | around 602.00nm | / |
The Depth and Diversity of Hay (Hex: #d3caa3): Exploring its Impact in Design and Culture
Hay (#d3caa3) is a serene hue reminiscent of a freshly baked summer afternoon. Its warm golden undertone exudes a sense of tranquility and offers an instant connection to nature. This color resembles a field of ripe wheat gently swaying in the breeze, or the soft golden glow of a sunflower stretching towards the sky. When used in design, it can evoke feelings of relaxation and simplicity, akin to walking through a peaceful countryside or enjoying a picnic amidst a meadow of wildflowers. Incorporating this hue into visual elements creates a harmonious and organic ambiance.
Download Stunning Hay Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Hay Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Hay 4K Wallpaper
Immerse yourself in the beauty of our Hay 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 Hay 4K WallpaperTints and Shades of #d3caa3 HEX color (Hay)
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 #d3caa3, 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
- #F4F2E8
- #E9E5D1
- #DED7BA
- #d3caa3
- #9E987A
- #6A6552
- #353329
- #000000
Tones of Hay (#d3caa3 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #d3caa3, #b2ac95 is the less saturated color, while #d3caa3 is the most saturated one.
- #b2ac95
- #bab499
- #c2bb9c
- #cbc3a0
- #d3caa3
- #787254
- #776f4d
- #766d46
- #746a3e
HTML Usage Examples
HTML using color code example
<p style="color: #d3caa3;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #d3caa3.
CSS color code example
p { color: #d3caa3; }
Text with hexadecimal color #d3caa3
This is a sample text with color #d3caa3.
Background Color with #d3caa3
This is a example with background color #d3caa3.
Border Color with #d3caa3
#d3caa3 Color Preview on White (#ffffff) Background
This is a example of text with color #d3caa3 on white background.
#d3caa3 Color Preview on Black (#000000) Background
This is a example of text with color #d3caa3 on black background.
CSS codes examples
.text {color:#d3caa3;}
.background {background-color:#d3caa3;}
.border {border:1px solid #d3caa3;}