Deep Emerald

Meet Deep Emerald (#38524D), a rich, dark green that commands attention. Its striking quality comes from a deep saturation balanced with a subtle teal undertone, giving it a sophisticated character distinct from more common greens. It's a hue with serious presence.

Deep Emerald
#38524D
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Deep Emerald?

Deep Emerald is a profound, cool-toned green with significant blue and gray undertones. This gives the color a muted, almost introspective quality, setting it apart from brighter, more vivacious greens.

Its low saturation and dark value create a sophisticated and grounded appearance, reminiscent of the shadowy depths of a forest rather than the sparkle of the gemstone it's named after.

What meaning does Deep Emerald convey in design?

Deep Emerald, with its hex code #38524D, carries a profound sense of balance and prosperity. Rooted in the natural world, it symbolizes growth and renewal, while its depth suggests stability and wisdom.

This sophisticated shade evokes feelings of calm and security, reminiscent of the precious gemstone it's named after. Historically associated with royalty and luxury, it communicates a quiet confidence and refined elegance.

How can I effectively use Deep Emerald in my UI design projects?

Deep Emerald, with its rich depth, works beautifully as a primary color to establish a sense of stability and elegance. For a balanced palette, pair it with soft creams, warm grays, or a touch of metallic gold for a luxurious feel. When using it as an accent, its saturation provides a strong focal point against lighter, more neutral backgrounds.

Few major brands have built their identity around a shade like Deep Emerald, though companies like Rent the Runway have used similar tones. This rarity presents a distinct opportunity for a product to build a memorable and sophisticated visual identity that stands apart from the crowd.

To see how #38524D performs in practice, use the tools below. You can explore curated palettes, test its contrast for accessibility, and preview how Deep Emerald looks within UI components from well-known apps.

Using Deep Emerald color codes

To apply Deep Emerald with precision in your digital work, use its hex code: #38524D. This ensures the exact shade is represented consistently across different screens. For projects that span both digital and print, translating this hex code into other formats is essential for maintaining color fidelity.

Each color model serves a different purpose. RGB (Red, Green, Blue) values are standard for digital displays, defining colors as a mix of light. CMYK (Cyan, Magenta, Yellow, Key/Black), on the other hand, is built for print media where colors are formed by mixing inks. Other models like HSL (Hue, Saturation, Lightness) offer more intuitive ways to make color adjustments during the design phase.

To help you get started, we’ve converted Deep Emerald’s #38524D hex code into its corresponding values across several popular color models. You can find and copy these codes below for your own projects.

Deep Emerald Code Conversions

HEX
#38524D
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Deep Emerald Color Harmonies

Analogous

Analogous colors are neighbors to Deep Emerald on the color wheel. This grouping creates a harmonious and tranquil palette, perfect for serene designs.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite Deep Emerald on the color wheel. This opposition creates a high-contrast pairing, making both hues appear more vibrant.

#123456
#123456

Split Complementary

Instead of a direct complement, a split complementary scheme uses the two neighboring colors. This gives Deep Emerald's palette more nuance and creative flexibility.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues equidistant on the color wheel. With Deep Emerald as a base, these combinations create a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic palette for Deep Emerald uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced combination.

#123456
#123456
#123456
#123456

Square

A square color scheme uses four colors evenly spaced on the color wheel. With Deep Emerald as a base, this creates a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Deep Emerald Color Variations

Shades

By adding black to Deep Emerald, you create shades that offer more depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints of Deep Emerald are created by mixing in white, resulting in softer, airier variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones are created by adding gray to Deep Emerald, resulting in softer, more muted variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Deep Emerald, differing in intensity or temperature to create distinct moods.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Deep Emerald?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

All Brands That Use Colors Like Deep Emerald

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion