Color Citron yellow-orange (#d5c757):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Citron yellow-orange (#d5c757):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
yellow-oranges
yellow-oranges Family:
neutral
Saturation:
moderately saturated
Tones:
colorful tone
Shade:
light
Temperature:
warm
Chromaticity:
chromatic
Chroma:
medium chroma
Color Information about Citron / #d5c757
The HTML HEX code is #d5c757. The corresponding color name is "Citron". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 213%, Green (G): 199%, Blue (B): 87%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 7%, Yellow (Y):59%, Black (K): 16%. In the HSL color space, #d5c757 has a hue of 53°, saturation of 60%, and lightness of 59%. The HSV representation is 53° for hue, 59% for saturation, and 84% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 79, a* (green to red) = -9, and b* (blue to yellow) = 57. The XYZ representation is X: 50, Y: 56, Z: 17. In the YUV color space, it translates to Y (luminance) = 0.7467, U (chrominance) = -0.1996, and V (chrominance) = 0.0777.
The decimal value of the color is 14010199. The closest Web-safe HEX code is #CCCC66. Variations of the colour are #EAE2A9 for a 20% lighter version and #9F9128 for a 20% darker version.
For the color with hex value #d5c757, the correlated color temperature (CT) is estimated to be 3919 Kelvin (3919K).
The approximate wavelength of #d5c757 is around 594.00nm.
VALUE | CSS | |
---|---|---|
HEX Code | d5c757 | #d5c757 |
RGB Decimal Code | 213, 199, 87 | rgb(213, 199, 87) |
CMYK | 0, 7, 59, 16 | / |
HSL | 53°, 60%, 59% | hsl(53°, 60%, 59%) |
HSV | 53°, 59%, 84% | / |
CIE-LAB | 79, -9, 57 | / |
XYZ | 50, 56, 17 | / |
YUV | 0.7467, -0.1996, 0.0777 | / |
Decimal value | 14010199 | / |
Web-Safe HEX | CCCC66 | #CCCC66 |
Color Temperature (CT) | 3919 Kelvin (3919K) | / |
Estimate Wavelength | around 594.00nm | / |
The Depth and Diversity of Citron (Hex: #d5c757): Exploring its Impact in Design and Culture
Citron, represented by the hex color #d5c757, is a vibrant and assertive hue that resembles the color of ripe lemons. This citrus-inspired shade evokes a sense of freshness and vitality, making it an ideal choice for summer-themed designs and products. Pairing well with other warm tones, citron can bring an energizing touch to floral arrangements, outdoor furniture, and graphic designs. Its sunny disposition also makes it a popular choice for kitchen accessories, adding a zesty pop of color to countertops and dining areas. Embrace the invigorating essence of citron to infuse your space or designs with a lively and vibrant ambiance.
Download Stunning Citron Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Citron Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Citron 4K Wallpaper
Immerse yourself in the beauty of our Citron 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 Citron 4K WallpaperTints and Shades of #d5c757 HEX color (Citron)
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 #d5c757, 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
- #F5F1D5
- #EAE3AB
- #E0D581
- #d5c757
- #A09541
- #6B642C
- #353216
- #000000
Tones of Citron (#d5c757 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #d5c757, #b3ab67 is the less saturated color, while #d5c757 is the most saturated one.
- #b3ab67
- #bcb263
- #c4b95f
- #cdc05b
- #d5c757
- #615d3f
- #5c5734
- #575229
- #524c1e
HTML Usage Examples
HTML using color code example
<p style="color: #d5c757;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #d5c757.
CSS color code example
p { color: #d5c757; }
Text with hexadecimal color #d5c757
This is a sample text with color #d5c757.
Background Color with #d5c757
This is a example with background color #d5c757.
Border Color with #d5c757
#d5c757 Color Preview on White (#ffffff) Background
This is a example of text with color #d5c757 on white background.
#d5c757 Color Preview on Black (#000000) Background
This is a example of text with color #d5c757 on black background.
CSS codes examples
.text {color:#d5c757;}
.background {background-color:#d5c757;}
.border {border:1px solid #d5c757;}