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.

Citron is a color with a HTML hex code of #d5c757.

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.

VALUECSS
HEX Coded5c757#d5c757
RGB Decimal Code213, 199, 87rgb(213, 199, 87)
CMYK0, 7, 59, 16/
HSL53°, 60%, 59%hsl(53°, 60%, 59%)
HSV53°, 59%, 84%/
CIE-LAB79, -9, 57/
XYZ 50, 56, 17/
YUV0.7467, -0.1996, 0.0777/
Decimal value14010199/
Web-Safe HEXCCCC66#CCCC66
Color Temperature (CT)3919 Kelvin (3919K)/
Estimate Wavelengtharound 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 Wallpaper

Tints 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

This is a example of a border 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;}

Complementary Color

#d5c757
#5866D5

Analogous Colors

#C86B32
#C89132
#DFBD81
#D5C758
#D3DF81
#B4C832
#8EC832

Split Complementary Colors

#58A5D5
#D5C758
#8858D5

Triadic Colors

#58D5C7
#D5C758
#C758D5

Tetradic Colors

#58D588
#5866D5
#D558A5