Abyss

#8F9E9D

Gray Family →

What Color is Abyss

Abyss is a sophisticated blend of gray and teal, capturing the atmospheric quality of a foggy coastline. This mid-tone shade functions as a chameleon, appearing greener against warm tones and grayer next to cool blues. Its muted saturation provides a sense of visual serenity, acting as a grounding neutral that retains distinct character.

What color is opposite Abyss?

The opposite color to Abyss is Dusty Gray (#9e8f90).

View Dusty Gray

Additional Information

  • Color Family: Gray
  • Temperature: Cool
  • Associated Season: Spring
  • Complementary Color: #9E8F90
  • Brightness: 153/255
  • Saturation: 9%

Colors That Pair Well With Abyss

Complementary

Pair with Dusty Gray for a harmonious, balanced look. Great for backgrounds and accents.

#8F9E9D#9e8f90

High Contrast

Use Scorpion for maximum readability. Ideal for text or critical UI elements.

#8F9E9D#706162

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#bcc5c4#484f4f

Abyss History

Historically, colors resembling Abyss were achieved using Terre Verte (Green Earth) mixed with lead white or slate dust. In the 19th century, the refinement of Payne's Gray offered a closer synthetic approximation, favored by watercolorists for its cool, receding properties. These pigments were essential for rendering distant landscapes and turbulent seascapes, allowing artists to depict depth and atmosphere effectively.

During the Art Nouveau movement, muted teal-grays became prominent in stained glass and floral motifs, representing a break from the harsh primaries of the Victorian era. Later, mid-century modern architects utilized similar slate tones in raw concrete structures and textiles, appreciating the color's honest, industrial, and utilitarian aesthetic. It became a staple for distinguishing modern, forward-thinking design from traditional ornamentation.

Meaning & Psychology

This shade evokes a profound sense of detachment and introspection. Unlike warmer neutrals which invite closeness, Abyss maintains a cool distance, promoting focus and stability in chaotic environments. It is often associated with the quiet stillness found before a storm or the silence of deep water, encouraging mental clarity and reducing visual fatigue.

Culturally, gray-greens represent balance and renewal without the aggressive energy implied by bright vegetation. In corporate psychology, this hue implies reliability and technological sophistication, often used to suggest a futuristic yet grounded perspective. It signals intelligence and composure, lacking the emotional volatility of red or the melancholy sometimes associated with pure blue.

In Nature

In the natural world, Abyss appears in the dusty, waxy coating of Eucalyptus leaves and the protective surface of succulents like agave. It mirrors the turbulent, frothy water of a stormy sea, where sediment mixes with ocean spray to desaturate the water's color. Geologically, this hue is found in raw slate and weathered river stones, blending seamlessly into riparian environments.

How To Use Abyss

Abyss serves as an exceptional alternative to standard corporate grays, adding subtle chromatic interest to branding materials without overwhelming the eye. It pairs effectively with natural wood textures and metallic finishes like brushed brass, creating a modern, organic luxury aesthetic suitable for interior design and fashion.

For digital interfaces, this color lacks sufficient contrast against white for body text, posing accessibility issues for visually impaired users. It functions best as a background element or secondary container color. Designers must ensure foreground elements use dark charcoal or black to maintain readability and WCAG compliance.

Related Words

terre vertepayne's grayseascapesart nouveauutilitariandetachmentstabilitybalancereliabilityblueeucalyptusstormy seaslatecorporatebrasscontrastreadability

Curated Palettes

#8F9E9D
#2C3E50
#ECEFF1
#546E7A
#B0BEC5

Nordic Coast

A cool, desaturated palette inspired by frozen shorelines and Scandinavian minimalism.

#8F9E9D
#C0392B
#D35400
#F6DDCC
#34495E

Oxidized Copper

Contrasting earthy rust tones with the cool patina of Abyss for a dynamic, industrial look.

#8F9E9D
#6E7F80
#AAB7B8
#4A6572
#D5DBDB

Morning Fog

A soft, analogous gradient of greens and grays evoking a misty forest floor.

Color Conversions

Hex
#8F9E9D
RGB
143, 158, 157
RGB %
56%, 62%, 62%
HSL
176°, 7%, 59%
HSV
176°, 9%, 62%
CMYK
9%, 0%, 1%, 38%
LAB
63.94, -5.50, -1.30
XYZ
29.64, 32.73, 36.65

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #8F9E9D;
Text Color (RGB)
Aa
color: rgb(143, 158, 157);
Background Color
background-color: #8F9E9D;
Border
border: 3px solid #8F9E9D;
Box Shadow
box-shadow: 0 4px 12px #8F9E9D66;
Gradient
background: linear-gradient(135deg, #8F9E9D 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Abyss

This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.

MaterialEco Velvet
Size30cm x 30cm
Color
Abyss

Ships in 3-5 daysSecure Checkout

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Print: Double-sided, all-over vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Abyss?

Explore color palettes containing Abyss and discover harmonious combinations for your designs.

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

"Color is a power which directly influences the soul."

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Polychromos

cold grey IV

#233#8E9498

Buy

Caran d'ache Luminance 6901

Steel Grey

#004#92A3AD

Buy

Prismacolor

Silver

#PC949#A3A1A3

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Abyss?
The hex code for Abyss is #8F9E9D. The RGB values are (143, 158, 157). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Abyss?
Abyss pairs well with its complementary color, Dusty Gray (#9e8f90). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Abyss accessible for text?
No, Abyss is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Abyss in CSS?

You can use Abyss in CSS with its hex code. Here is an example class:

.abyss {
  background-color: #8F9E9D;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.