Astral

#376F89

Blue Family →

What Color is Astral

Astral is a medium-dark, desaturated blue characterized by its subtle teal undertones and slate-like quality. It functions as a bridge between deep cerulean and moody gray, offering a sense of muted sophistication. This shade evokes the expansive and quiet depth of a twilight sky or the cold, still waters of a northern sea.

What color is opposite Astral?

The opposite color to Astral is Potters Clay (#8b5237).

View Potters Clay

Additional Information

  • Color Family: Blue
  • Temperature: Cool
  • Associated Season: Autumn
  • Complementary Color: #8B5237
  • Brightness: 97/255
  • Saturation: 60%

Colors That Pair Well With Astral

Complementary

Pair with Potters Clay for a harmonious, balanced look. Great for backgrounds and accents.

#376F89#8b5237

High Contrast

Use Burning Sand for maximum readability. Ideal for text or critical UI elements.

#376F89#c89076

Harmonious Depth

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

#87a9b8#1c3845

Astral History

The pigments required to produce a muted blue like Astral became more accessible after the discovery of Prussian Blue in 1704 by Johann Jacob Diesbach. Before the advent of synthetic chemistry, achieving this level of desaturation required blending costly ultramarine with carbon blacks or earth-based umbers. During the Neoclassical movement of the late 18th century, these restrained, dusty blues were highly favored for interior paneling, as they provided a dignified backdrop for white marble and gilded decorative elements.

In the 20th century, the color gained prominence within Scandinavian design, where it was utilized to maximize the perception of light in dim environments while maintaining a connection to the natural landscape. The rise of the Industrial Revolution further refined the production of iron-based pigments, allowing for the mass production of stable, lightfast blues. Astral reflects the transition from the vivid, symbolic blues of the Renaissance to the more functional and atmospheric tones found in modern architectural theory.

Meaning & Psychology

Astral carries an emotional weight of reliability and calm intelligence. Unlike high-saturation blues that demand immediate attention, this muted tone encourages deep contemplation and significantly reduces environmental overstimulation. It communicates a sense of authority that is perceived as approachable rather than dominating, making it an ideal choice for environments that require sustained concentration and trust.

Culturally, this shade is often associated with a constructive form of melancholy, fostering a mood of reflection and internal peace. It provides a feeling of order and cleanliness without the clinical coldness often found in pure grays. In psychological studies, balanced blues like Astral are shown to lower the heart rate and promote a sense of psychological security in professional settings.

In Nature

This specific hue is found in the mineral azurite when it is weathered or mixed with other copper carbonates. It is the dominant color of the Atlantic Ocean under heavy cloud cover, where the lack of direct sunlight causes the water to absorb longer wavelengths and reflect a deeper, more muted blue. In the animal kingdom, the plumage of the Blue Jay or the Kingfisher often displays this desaturated tone when viewed in shadows, relying on the keratin structure of the feathers to scatter light rather than true chemical pigments.

How To Use Astral

Astral serves as an exceptional anchor color in both digital UI and physical interior design. It provides a high level of contrast against light text while remaining softer on the eyes than pure black or navy, which enhances long-term readability. To maximize its visual impact, designers should pair it with warm metallics like copper or earthy neutrals like oatmeal to prevent a space from feeling overly frigid or sterile.

In the realm of branding, this color conveys professionalism and technical expertise, making it a staple in the finance and technology sectors. It is highly effective for large-scale applications, such as architectural cladding or cabinetry, where a bold but restrained statement is required. Its desaturated nature ensures it remains timeless, effectively avoiding the rapid cycles of trend-heavy neon or pastel palettes.

Related Words

prussian blueultramarineneoclassicalscandinavianindustrialfunctionalreliabilitycontemplationauthoritymelancholyordersecurityazuriteatlanticblue jaykingfisherkeratinanchorcontrastcopperprofessionalismcladdingtimeless

Curated Palettes

#376F89
#708090
#F0F8FF
#2F4F4F
#B87333

Nordic Twilight

A cool, atmospheric palette inspired by Scandinavian winters.

#376F89
#A1C181
#FCCA46
#FE7F2D
#233D4D

Deep Mineral

Earthy and grounded tones that highlight the natural origin of blue pigments.

#376F89
#E0E0E0
#007FFF
#FFFFFF
#1A1A1B

Corporate Precision

A high-contrast, professional palette for modern tech branding.

Color Conversions

Hex
#376F89
RGB
55, 111, 137
RGB %
22%, 44%, 54%
HSL
199°, 43%, 38%
HSV
199°, 60%, 54%
CMYK
60%, 19%, 0%, 46%
LAB
44.21, -10.29, -19.86
XYZ
11.78, 13.99, 25.75

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #376F89;
Text Color (RGB)
Aa
color: rgb(55, 111, 137);
Background Color
background-color: #376F89;
Border
border: 3px solid #376F89;
Box Shadow
box-shadow: 0 4px 12px #376F8966;
Gradient
background: linear-gradient(135deg, #376F89 0%, #ffffff 100%);
Cushion Mockup
Available to Order Now

Shop Premium Products in Astral

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
Astral

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 Astral?

Explore color palettes containing Astral 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

Prismacolor

Peacock Blue

#PC1027#00739A

Buy

Polychromos

cobalt turquoise

#153#0082A2

Buy

Caran d'ache Luminance 6901

Grey Blue

#755#1976A4

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Astral?
The hex code for Astral is #376F89. The RGB values are (55, 111, 137). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Astral?
Astral pairs well with its complementary color, Potters Clay (#8b5237). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Astral accessible for text?
No, Astral 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 Astral in CSS?

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

.astral {
  background-color: #376F89;
  color: #FFFFFF;
}

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