Color Aloe Vera green-cyan (#678779):
HEX, RGB color codes for HTML and CSS

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

Aloe Vera is a color with a HTML hex code of #678779.

Hue Family:
green-cyans

green-cyans Family:
neutral-muted

Saturation:
weakly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
neutral

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Aloe Vera / #678779

The HTML HEX code is #678779. The corresponding color name is "Aloe Vera". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 103%, Green (G): 135%, Blue (B): 121%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 24%, Magenta (M): 0%, Yellow (Y):10%, Black (K): 47%. In the HSL color space, #678779 has a hue of 154°, saturation of 13%, and lightness of 47%. The HSV representation is 154° for hue, 24% for saturation, and 53% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 54, a* (green to red) = -14, and b* (blue to yellow) = 4. The XYZ representation is X: 18, Y: 22, Z: 21. In the YUV color space, it translates to Y (luminance) = 0.4856, U (chrominance) = -0.0055, and V (chrominance) = -0.0717.

The decimal value of the color is 6784889. The closest Web-safe HEX code is #669966. Variations of the colour are #A0B6AC for a 20% lighter version and #3C4E46 for a 20% darker version.

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

The approximate wavelength of #678779 is around 513.00nm.

VALUECSS
HEX Code678779#678779
RGB Decimal Code103, 135, 121rgb(103, 135, 121)
CMYK24, 0, 10, 47/
HSL154°, 13%, 47%hsl(154°, 13%, 47%)
HSV154°, 24%, 53%/
CIE-LAB54, -14, 4/
XYZ 18, 22, 21/
YUV0.4856, -0.0055, -0.0717/
Decimal value6784889/
Web-Safe HEX669966#669966
Color Temperature (CT)7317 Kelvin (7317K)/
Estimate Wavelengtharound 513.00nm/

The Depth and Diversity of Aloe Vera (Hex: #678779): Exploring its Impact in Design and Culture

The hex color #678779, named Aloe Vera, resembles the serene and refreshing color of lush underwater seagrass. It emanates the calming essence of a turquoise oasis, capturing the vibrant beauty of an aquatic paradise. The Aloe Vera hue invokes tranquility and is reminiscent of sun-kissed waves gently crashing against a sandy shoreline. This color is reminiscent of a harmonious blend of emerald green and blue, symbolizing the balance found in nature. #678779, Aloe Vera, brings to mind the soothing resilience of the Aloe Vera plant itself, known for its rejuvenating properties.

Download Stunning Aloe Vera Wallpapers and Backgrounds

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

Experience Elegance with Aloe Vera 4K Wallpaper

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

Tints and Shades of #678779 HEX color (Aloe Vera)

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 #678779, 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
  • #D9E1DE
  • #B3C3BC
  • #8DA59B
  • #678779
  • #4D655B
  • #34443D
  • #1A221E
  • #000000

Tones of Aloe Vera (#678779 HEX color)

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

  • #71847c
  • #6f857b
  • #6c867a
  • #6a867a
  • #678779
  • #3c3f3d
  • #313432
  • #262927
  • #1a1e1c

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #678779; }

Text with hexadecimal color #678779

This is a sample text with color #678779.

Background Color with #678779

This is a example with background color #678779.

Border Color with #678779

This is a example of a border with #678779.

#678779 Color Preview on White (#ffffff) Background

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

#678779 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#678779
#876876

Analogous Colors

#526B54
#526B5A
#83A08C
#68877A
#83A09A
#526B66
#52696B

Split Complementary Colors

#876885
#68877A
#876A68

Triadic Colors

#7A6887
#68877A
#877A68

Tetradic Colors

#6A6887
#876876
#858768