Color Sawgrass yellow-orange (#d1cfc0):
HEX, RGB color codes for HTML and CSS

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

Sawgrass is a color with a HTML hex code of #d1cfc0.

Hue Family:
yellow-oranges

yellow-oranges Family:
light-muted

Saturation:
almost gray

Tones:
light-toned

Shade:
light

Temperature:
warm

Chromaticity:
near-grayscale

Chroma:
low chroma

Color Information about Sawgrass / #d1cfc0

The HTML HEX code is #d1cfc0. The corresponding color name is "Sawgrass". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 209%, Green (G): 207%, Blue (B): 192%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 1%, Yellow (Y):8%, Black (K): 18%. In the HSL color space, #d1cfc0 has a hue of 53°, saturation of 16%, and lightness of 79%. The HSV representation is 53° for hue, 8% for saturation, and 82% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 83, a* (green to red) = -2, and b* (blue to yellow) = 8. The XYZ representation is X: 58, Y: 62, Z: 59. In the YUV color space, it translates to Y (luminance) = 0.8074, U (chrominance) = -0.0268, and V (chrominance) = 0.0107.

The decimal value of the color is 13750208. The closest Web-safe HEX code is #CCCCCC. Variations of the colour are #FDFDFC for a 20% lighter version and #A7A386 for a 20% darker version.

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

The approximate wavelength of #d1cfc0 is around 594.00nm.

VALUECSS
HEX Coded1cfc0#d1cfc0
RGB Decimal Code209, 207, 192rgb(209, 207, 192)
CMYK0, 1, 8, 18/
HSL53°, 16%, 79%hsl(53°, 16%, 79%)
HSV53°, 8%, 82%/
CIE-LAB83, -2, 8/
XYZ 58, 62, 59/
YUV0.8074, -0.0268, 0.0107/
Decimal value13750208/
Web-Safe HEXCCCCCC#CCCCCC
Color Temperature (CT)5828 Kelvin (5828K)/
Estimate Wavelengtharound 594.00nm/

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

The hex color #d1cfc0, named Sawgrass, resembles the pale green hue of the vegetation found in wetlands. It evokes the lushness of marshes, blending effortlessly with reeds, grasses, and mosses. Sawgrass color exudes a natural tranquility akin to a serene landscape.

Download Stunning Sawgrass Wallpapers and Backgrounds

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

Experience Elegance with Sawgrass 4K Wallpaper

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

Tints and Shades of #d1cfc0 HEX color (Sawgrass)

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 #d1cfc0, 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
  • #F4F3EF
  • #E8E7E0
  • #DDDBD0
  • #d1cfc0
  • #9D9B90
  • #696860
  • #343430
  • #000000

Tones of Sawgrass (#d1cfc0 HEX color)

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

  • #b1afa6
  • #b9b7ad
  • #c1bfb3
  • #c9c7ba
  • #d1cfc0
  • #787565
  • #767361
  • #75725c
  • #737058

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #d1cfc0; }

Text with hexadecimal color #d1cfc0

This is a sample text with color #d1cfc0.

Background Color with #d1cfc0

This is a example with background color #d1cfc0.

Border Color with #d1cfc0

This is a example of a border with #d1cfc0.

#d1cfc0 Color Preview on White (#ffffff) Background

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

#d1cfc0 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#d1cfc0
#C1C3D2

Analogous Colors

#BDADA3
#BDB3A3
#E7E4DE
#D2D0C1
#E6E7DE
#B9BDA3
#B3BDA3

Split Complementary Colors

#C1CBD2
#D2D0C1
#C7C1D2

Triadic Colors

#C1D2D0
#D2D0C1
#D0C1D2

Tetradic Colors

#C1D2C7
#C1C3D2
#D2C1CB