Color Nocturnal gray (#767d86):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Nocturnal gray (#767d86):
Its Meaning and Harmonious Color Matches in Design.

Nocturnal is a color with a HTML hex code of #767d86.

Hue Family:
grays

grays Family:
neutral-muted

Saturation:
weakly saturated

Tones:
mid-toned

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Nocturnal / #767d86

The HTML HEX code is #767d86. The corresponding color name is "Nocturnal". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 118%, Green (G): 125%, Blue (B): 134%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 12%, Magenta (M): 7%, Yellow (Y):0%, Black (K): 47%. In the HSL color space, #767d86 has a hue of 214°, saturation of 6%, and lightness of 49%. The HSV representation is 214° for hue, 12% for saturation, and 53% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 52, a* (green to red) = -1, and b* (blue to yellow) = -6. The XYZ representation is X: 19, Y: 20, Z: 25. In the YUV color space, it translates to Y (luminance) = 0.4860, U (chrominance) = 0.0194, and V (chrominance) = -0.0204.

The decimal value of the color is 7765382. The closest Web-safe HEX code is #666699. Variations of the colour are #ABAFB5 for a 20% lighter version and #46494E for a 20% darker version.

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

The approximate wavelength of #767d86 is around 483.00nm.

VALUECSS
HEX Code767d86#767d86
RGB Decimal Code118, 125, 134rgb(118, 125, 134)
CMYK12, 7, 0, 47/
HSL214°, 6%, 49%hsl(214°, 6%, 49%)
HSV214°, 12%, 53%/
CIE-LAB52, -1, -6/
XYZ 19, 20, 25/
YUV0.4860, 0.0194, -0.0204/
Decimal value7765382/
Web-Safe HEX666699#666699
Color Temperature (CT)7838 Kelvin (7838K)/
Estimate Wavelengtharound 483.00nm/

The Depth and Diversity of Nocturnal (Hex: #767d86): Exploring its Impact in Design and Culture

The hex color #767d86, named Nocturnal, resembles the serene twilight sky just before nightfall. This color evokes a sense of calmness and tranquility, similar to the fading light of day. It is reminiscent of the soft blue-gray hues that envelop a peaceful landscape during the twilight hours. Nocturnal also shares similarities with the colors found in natural elements such as the misty atmosphere above a tranquil lake or the cool tones of a moonlit forest. This versatile color can be applied to various design applications, creating a soothing and elegant ambiance.

Download Stunning Nocturnal Wallpapers and Backgrounds

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

Experience Elegance with Nocturnal 4K Wallpaper

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

Tints and Shades of #767d86 HEX color (Nocturnal)

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 #767d86, 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
  • #DDDFE1
  • #BBBEC3
  • #989EA4
  • #767d86
  • #595E65
  • #3B3F43
  • #1E1F22
  • #000000

Tones of Nocturnal (#767d86 HEX color)

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

  • #7a7e84
  • #797e84
  • #787e85
  • #777d85
  • #767d86
  • #404243
  • #363739
  • #2b2d2e
  • #212224

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #767d86; }

Text with hexadecimal color #767d86

This is a sample text with color #767d86.

Background Color with #767d86

This is a example with background color #767d86.

Border Color with #767d86

This is a example of a border with #767d86.

#767d86 Color Preview on White (#ffffff) Background

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

#767d86 Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#767d86
#847E75

Analogous Colors

#5D6969
#5D6669
#90999D
#757C84
#90929D
#5D6069
#5E5D69

Split Complementary Colors

#847675
#757C84
#838475

Triadic Colors

#84757C
#757C84
#7C8475

Tetradic Colors

#847583
#847E75
#758476