Color Succulent yellow-green (#8ba477):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Succulent yellow-green (#8ba477):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
yellow-greens
yellow-greens Family:
neutral-muted
Saturation:
weakly saturated
Tones:
colorful tone
Shade:
medium
Temperature:
neutral
Chromaticity:
chromatic
Chroma:
low chroma
Color Information about Succulent / #8ba477
The HTML HEX code is #8ba477. The corresponding color name is "Succulent". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 139%, Green (G): 164%, Blue (B): 119%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 15%, Magenta (M): 0%, Yellow (Y):27%, Black (K): 36%. In the HSL color space, #8ba477 has a hue of 93°, saturation of 20%, and lightness of 55%. The HSV representation is 93° for hue, 27% for saturation, and 64% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 64, a* (green to red) = -17, and b* (blue to yellow) = 21. The XYZ representation is X: 27, Y: 33, Z: 22. In the YUV color space, it translates to Y (luminance) = 0.5937, U (chrominance) = -0.0625, and V (chrominance) = -0.0426.
The decimal value of the color is 9151607. The closest Web-safe HEX code is #999966. Variations of the colour are #BECCB3 for a 20% lighter version and #576B47 for a 20% darker version.
For the color with hex value #8ba477, the correlated color temperature (CT) is estimated to be 5647 Kelvin (5647K).
The approximate wavelength of #8ba477 is around 552.50nm.
VALUE | CSS | |
---|---|---|
HEX Code | 8ba477 | #8ba477 |
RGB Decimal Code | 139, 164, 119 | rgb(139, 164, 119) |
CMYK | 15, 0, 27, 36 | / |
HSL | 93°, 20%, 55% | hsl(93°, 20%, 55%) |
HSV | 93°, 27%, 64% | / |
CIE-LAB | 64, -17, 21 | / |
XYZ | 27, 33, 22 | / |
YUV | 0.5937, -0.0625, -0.0426 | / |
Decimal value | 9151607 | / |
Web-Safe HEX | 999966 | #999966 |
Color Temperature (CT) | 5647 Kelvin (5647K) | / |
Estimate Wavelength | around 552.50nm | / |
The Depth and Diversity of Succulent (Hex: #8ba477): Exploring its Impact in Design and Culture
The color Succulent (#8ba477) bears resemblance to the leaves of a healthy and vibrant succulent plant. Its assertive green shade exudes a sense of freshness and vitality, similar to the lush foliage found in nature. This color evokes images of a serene garden or a peaceful forest, bringing to mind the tranquility and beauty of outdoor spaces. Succulent can also be likened to the rich green hues found in moss-covered rocks or the dense canopy of a rainforest. Embrace the natural essence of Succulent to infuse your designs with a harmonious and organic touch.
Download Stunning Succulent Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Succulent Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Succulent 4K Wallpaper
Immerse yourself in the beauty of our Succulent 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 Succulent 4K WallpaperTints and Shades of #8ba477 HEX color (Succulent)
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 #8ba477, 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
- #E2E8DD
- #C5D2BB
- #A8BB99
- #8ba477
- #687B59
- #46523C
- #23291E
- #000000
Tones of Succulent (#8ba477 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #8ba477, #87967b is the less saturated color, while #8ba477 is the most saturated one.
- #87967b
- #88997a
- #899d79
- #8aa078
- #8ba477
- #4b4f46
- #42473d
- #393f33
- #30372a
HTML Usage Examples
HTML using color code example
<p style="color: #8ba477;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #8ba477.
CSS color code example
p { color: #8ba477; }
Text with hexadecimal color #8ba477
This is a sample text with color #8ba477.
Background Color with #8ba477
This is a example with background color #8ba477.
Border Color with #8ba477
#8ba477 Color Preview on White (#ffffff) Background
This is a example of text with color #8ba477 on white background.
#8ba477 Color Preview on Black (#000000) Background
This is a example of text with color #8ba477 on black background.
CSS codes examples
.text {color:#8ba477;}
.background {background-color:#8ba477;}
.border {border:1px solid #8ba477;}