Color Compass gray (#8a877b):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Compass gray (#8a877b):
Its Meaning and Harmonious Color Matches in Design.

Compass is a color with a HTML hex code of #8a877b.

Hue Family:
grays

grays Family:
neutral-muted

Saturation:
weakly saturated

Tones:
mid-toned

Shade:
medium

Temperature:
warm

Chromaticity:
chromatic

Chroma:
low chroma

Color Information about Compass / #8a877b

The HTML HEX code is #8a877b. The corresponding color name is "Compass". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 138%, Green (G): 135%, Blue (B): 123%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 0%, Magenta (M): 2%, Yellow (Y):11%, Black (K): 46%. In the HSL color space, #8a877b has a hue of 48°, saturation of 6%, and lightness of 51%. The HSV representation is 48° for hue, 11% for saturation, and 54% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 56, a* (green to red) = -1, and b* (blue to yellow) = 7. The XYZ representation is X: 23, Y: 24, Z: 22. In the YUV color space, it translates to Y (luminance) = 0.5276, U (chrominance) = -0.0222, and V (chrominance) = 0.0119.

The decimal value of the color is 9078651. The closest Web-safe HEX code is #999966. Variations of the colour are #B9B8B1 for a 20% lighter version and #54524A for a 20% darker version.

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

The approximate wavelength of #8a877b is around 604.00nm.

VALUECSS
HEX Code8a877b#8a877b
RGB Decimal Code138, 135, 123rgb(138, 135, 123)
CMYK0, 2, 11, 46/
HSL48°, 6%, 51%hsl(48°, 6%, 51%)
HSV48°, 11%, 54%/
CIE-LAB56, -1, 7/
XYZ 23, 24, 22/
YUV0.5276, -0.0222, 0.0119/
Decimal value9078651/
Web-Safe HEX999966#999966
Color Temperature (CT)5652 Kelvin (5652K)/
Estimate Wavelengtharound 604.00nm/

The Depth and Diversity of Compass (Hex: #8a877b): Exploring its Impact in Design and Culture

The hex color #8a877b, known as Compass, resembles the rich, earthy tones found in a weathered bronze sculpture. It exudes a sense of resilience and timelessness, akin to the enduring strength of ancient artifacts. Like a compass, this color evokes a sense of direction and purpose, guiding you through unfamiliar terrains. In nature, Compass harmonizes with the rugged bark of an ancient oak tree, the weathered stones lining a peaceful garden path, or the warm, sun-kissed feathers of a wise old owl. It blends seamlessly with natural environments, allowing you to find your way in the ever-changing world.

Download Stunning Compass Wallpapers and Backgrounds

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

Experience Elegance with Compass 4K Wallpaper

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

Tints and Shades of #8a877b HEX color (Compass)

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 #8a877b, 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
  • #E2E1DE
  • #C5C3BD
  • #A7A59C
  • #8a877b
  • #68655C
  • #45443E
  • #23221F
  • #000000

Tones of Compass (#8a877b HEX color)

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

  • #86847d
  • #87857d
  • #88867c
  • #89867c
  • #8a877b
  • #454543
  • #3b3b39
  • #32322f
  • #282825

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

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

CSS color code example

p { color: #8a877b; }

Text with hexadecimal color #8a877b

This is a sample text with color #8a877b.

Background Color with #8a877b

This is a example with background color #8a877b.

Border Color with #8a877b

This is a example of a border with #8a877b.

#8a877b Color Preview on White (#ffffff) Background

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

#8a877b Color Preview on Black (#000000) Background

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

CSS codes examples

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

Complementary Color

#8a877b
#7B7E8A

Analogous Colors

#6F6662
#6F6962
#A29C96
#8A877B
#A1A296
#6E6F62
#6B6F62

Split Complementary Colors

#7B858A
#8A877B
#7F7B8A

Triadic Colors

#7B8A87
#8A877B
#877B8A

Tetradic Colors

#7B8A7F
#7B7E8A
#8A7B85