Color Geyser green-cyan (#c4d7cf):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Geyser green-cyan (#c4d7cf):
Its Meaning and Harmonious Color Matches in Design.

Geyser is a color with a HTML hex code of #c4d7cf.

Hue Family:
green-cyans

green-cyans Family:
light-muted

Saturation:
almost gray

Tones:
light-toned

Shade:
light

Temperature:
neutral

Chromaticity:
near-grayscale

Chroma:
low chroma

Color Information about Geyser / #c4d7cf

The HTML HEX code is #c4d7cf. The corresponding color name is "Geyser". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 196%, Green (G): 215%, Blue (B): 207%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 9%, Magenta (M): 0%, Yellow (Y):4%, Black (K): 16%. In the HSL color space, #c4d7cf has a hue of 155°, saturation of 19%, and lightness of 81%. The HSV representation is 155° for hue, 9% for saturation, and 84% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 84, a* (green to red) = -8, and b* (blue to yellow) = 2. The XYZ representation is X: 58, Y: 65, Z: 68. In the YUV color space, it translates to Y (luminance) = 0.8173, U (chrominance) = -0.0027, and V (chrominance) = -0.0427.

The decimal value of the color is 12900303. The closest Web-safe HEX code is #CCCCCC. Variations of the colour are #FFFFFF for a 20% lighter version and #89AE9F for a 20% darker version.

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

The approximate wavelength of #c4d7cf is around 512.50nm.

VALUECSS
HEX Codec4d7cf#c4d7cf
RGB Decimal Code196, 215, 207rgb(196, 215, 207)
CMYK9, 0, 4, 16/
HSL155°, 19%, 81%hsl(155°, 19%, 81%)
HSV155°, 9%, 84%/
CIE-LAB84, -8, 2/
XYZ 58, 65, 68/
YUV0.8173, -0.0027, -0.0427/
Decimal value12900303/
Web-Safe HEXCCCCCC#CCCCCC
Color Temperature (CT)6875 Kelvin (6875K)/
Estimate Wavelengtharound 512.50nm/

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

Geyser (#c4d7cf) is a serene and soothing color that resembles the delicate mist rising from a mountain waterfall, creating a tranquil atmosphere. It shares similarities with the misty morning air enveloping a peaceful lake, imparting a sense of calmness. In nature, Geyser can be found in the misty spray of a cascading waterfall or the hazy atmosphere surrounding a serene forest after rainfall. This hue brings to mind the softness of clouds on a cool, overcast day, evoking a sense of tranquility. Geyser is the perfect color choice to create a serene and peaceful ambiance.

Download Stunning Geyser Wallpapers and Backgrounds

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

Experience Elegance with Geyser 4K Wallpaper

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

Tints and Shades of #c4d7cf HEX color (Geyser)

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 #c4d7cf, 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
  • #F0F5F3
  • #E2EBE7
  • #D3E1DB
  • #c4d7cf
  • #93A19B
  • #626C68
  • #313634
  • #000000

Tones of Geyser (#c4d7cf HEX color)

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

  • #a9b4af
  • #b0bdb7
  • #b6c6bf
  • #bdcec7
  • #c4d7cf
  • #667d73
  • #617d71
  • #5d7c6f
  • #587c6d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #c4d7cf; }

Text with hexadecimal color #c4d7cf

This is a sample text with color #c4d7cf.

Background Color with #c4d7cf

This is a example with background color #c4d7cf.

Border Color with #c4d7cf

This is a example of a border with #c4d7cf.

#c4d7cf Color Preview on White (#ffffff) Background

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

#c4d7cf Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#c4d7cf
#D8C5CD

Analogous Colors

#A7C3A9
#A7C3B0
#E4ECE7
#C5D8D0
#E4ECEB
#A7C3BE
#A7C1C3

Split Complementary Colors

#D8C5D6
#C5D8D0
#D8C7C5

Triadic Colors

#D0C5D8
#C5D8D0
#D8D0C5

Tetradic Colors

#C7C5D8
#D8C5CD
#D6D8C5