Color Young Bud yellow-green (#86af38):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Young Bud yellow-green (#86af38):
Its Meaning and Harmonious Color Matches in Design.

Young Bud is a color with a HTML hex code of #86af38.

Hue Family:
yellow-greens

yellow-greens Family:
neutral

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
neutral

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Young Bud / #86af38

The HTML HEX code is #86af38. The corresponding color name is "Young Bud". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 134%, Green (G): 175%, Blue (B): 56%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 23%, Magenta (M): 0%, Yellow (Y):68%, Black (K): 31%. In the HSL color space, #86af38 has a hue of 81°, saturation of 52%, and lightness of 45%. The HSV representation is 81° for hue, 68% for saturation, and 69% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 67, a* (green to red) = -32, and b* (blue to yellow) = 54. The XYZ representation is X: 26, Y: 36, Z: 9. In the YUV color space, it translates to Y (luminance) = 0.5850, U (chrominance) = -0.1798, and V (chrominance) = -0.0522.

The decimal value of the color is 8826680. The closest Web-safe HEX code is #999933. Variations of the colour are #B4D477 for a 20% lighter version and #4A611F for a 20% darker version.

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

The approximate wavelength of #86af38 is around 562.50nm.

VALUECSS
HEX Code86af38#86af38
RGB Decimal Code134, 175, 56rgb(134, 175, 56)
CMYK23, 0, 68, 31/
HSL81°, 52%, 45%hsl(81°, 52%, 45%)
HSV81°, 68%, 69%/
CIE-LAB67, -32, 54/
XYZ 26, 36, 9/
YUV0.5850, -0.1798, -0.0522/
Decimal value8826680/
Web-Safe HEX999933#999933
Color Temperature (CT)4886 Kelvin (4886K)/
Estimate Wavelengtharound 562.50nm/

The Depth and Diversity of Young Bud (Hex: #86af38): Exploring its Impact in Design and Culture

The color #86af38, named Young Bud, resembles the vibrant green hue of freshly sprouted leaves on a tree. This color evokes the feeling of spring, growth, and renewal. It shares similarities with other natural elements such as lush green grass, young plants in a garden, and the vibrant foliage of a dense forest. Young Bud is a refreshing and invigorating color that symbolizes new beginnings and the beauty of nature.

Download Stunning Young Bud Wallpapers and Backgrounds

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

Experience Elegance with Young Bud 4K Wallpaper

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

Tints and Shades of #86af38 HEX color (Young Bud)

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 #86af38, 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
  • #E1EBCD
  • #C3D79C
  • #A4C36A
  • #86af38
  • #65832A
  • #43581C
  • #222C0E
  • #000000

Tones of Young Bud (#86af38 HEX color)

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

  • #849c55
  • #84a14e
  • #85a646
  • #85aa3f
  • #86af38
  • #3d3f37
  • #32342b
  • #262a1f
  • #1b1f13

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #86af38; }

Text with hexadecimal color #86af38

This is a sample text with color #86af38.

Background Color with #86af38

This is a example with background color #86af38.

Border Color with #86af38

This is a example of a border with #86af38.

#86af38 Color Preview on White (#ffffff) Background

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

#86af38 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#86af38
#6137AE

Analogous Colors

#887A2B
#7E882B
#BCC851
#85AE37
#80C851
#50882B
#39882B

Split Complementary Colors

#3749AE
#85AE37
#9D37AE

Triadic Colors

#3785AE
#85AE37
#AE3785

Tetradic Colors

#37AE9D
#6137AE
#AE3749