Color Dusty Yellow yellow-orange (#cfc88f):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Dusty Yellow yellow-orange (#cfc88f):
Its Meaning and Harmonious Color Matches in Design.

Dusty Yellow is a color with a HTML hex code of #cfc88f.

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 Dusty Yellow / #cfc88f

The HTML HEX code is #cfc88f. The corresponding color name is "Dusty Yellow". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 207%, Green (G): 200%, Blue (B): 143%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 3%, Yellow (Y):31%, Black (K): 19%. In the HSL color space, #cfc88f has a hue of 53°, saturation of 40%, and lightness of 69%. The HSV representation is 53° for hue, 31% for saturation, and 81% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 80, a* (green to red) = -6, and b* (blue to yellow) = 29. The XYZ representation is X: 51, Y: 57, Z: 34. In the YUV color space, it translates to Y (luminance) = 0.7670, U (chrominance) = -0.1015, and V (chrominance) = 0.0392.

The decimal value of the color is 13617295. The closest Web-safe HEX code is #CCCC99. Variations of the colour are #EEECD8 for a 20% lighter version and #AFA34B for a 20% darker version.

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

The approximate wavelength of #cfc88f is around 594.00nm.

VALUECSS
HEX Codecfc88f#cfc88f
RGB Decimal Code207, 200, 143rgb(207, 200, 143)
CMYK0, 3, 31, 19/
HSL53°, 40%, 69%hsl(53°, 40%, 69%)
HSV53°, 31%, 81%/
CIE-LAB80, -6, 29/
XYZ 51, 57, 34/
YUV0.7670, -0.1015, 0.0392/
Decimal value13617295/
Web-Safe HEXCCCC99#CCCC99
Color Temperature (CT)4643 Kelvin (4643K)/
Estimate Wavelengtharound 594.00nm/

The Depth and Diversity of Dusty Yellow (Hex: #cfc88f): Exploring its Impact in Design and Culture

Dusty Yellow (#cfc88f) resembles the warm, earthy tones found in fields of ripened wheat, reflecting the colors of a golden sunset. It evokes the image of a serene summer evening, highlighting the harmony between nature and light. This shade shares similarities with the delicate petals of sunflowers, providing a gentle reminder of the beauty found in the natural world. Just as wheat and sunflowers symbolize abundance and growth, Dusty Yellow embodies warmth, optimism, and the promise of a fruitful harvest.

Download Stunning Dusty Yellow Wallpapers and Backgrounds

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

Experience Elegance with Dusty Yellow 4K Wallpaper

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

Tints and Shades of #cfc88f HEX color (Dusty Yellow)

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 #cfc88f, 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
  • #F3F1E3
  • #E7E4C7
  • #DBD6AB
  • #cfc88f
  • #9B966B
  • #686448
  • #343224
  • #000000

Tones of Dusty Yellow (#cfc88f HEX color)

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

  • #afab89
  • #b7b28b
  • #bfba8c
  • #c7c18e
  • #cfc88f
  • #706d4e
  • #6e6a45
  • #6b663d
  • #696334

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #cfc88f; }

Text with hexadecimal color #cfc88f

This is a sample text with color #cfc88f.

Background Color with #cfc88f

This is a example with background color #cfc88f.

Border Color with #cfc88f

This is a example of a border with #cfc88f.

#cfc88f Color Preview on White (#ffffff) Background

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

#cfc88f Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#cfc88f
#9098D0

Analogous Colors

#C08D6D
#C0A26D
#DFCFB4
#D0C890
#D9DFB4
#B5C06D
#A0C06D

Split Complementary Colors

#90B7D0
#D0C890
#A990D0

Triadic Colors

#90D0C8
#D0C890
#C890D0

Tetradic Colors

#90D0A9
#9098D0
#D090B7