Phthalo Green

Meet Phthalo Green (#123524), a deep and intense shade that commands attention. Its remarkable depth and saturation give it a powerful presence, making it a compelling choice for designers seeking a color with both character and stability.

Phthalo Green
#123524
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Phthalo Green?

Phthalo Green is a deep, intense green with a strong blue undertone, giving it a distinctly cool temperature.

It's a powerful, transparent color that leans towards cyan, often appearing as a rich, jewel-like shade.

What is the meaning of the color Phthalo Green (#123524)?

Phthalo Green, or #123524, carries a sense of profound depth and sophistication, often associated with ambition and stability.

Its synthetic origins lend it a modern, confident character, distinct from the organic tranquility of other greens.

How can I use Phthalo Green (#123524) in UI design?

Phthalo Green works beautifully as a primary color in dark mode interfaces or as a striking accent against neutral backgrounds. For a balanced palette, pair it with soft off-whites, light grays, or even warm, muted oranges. Applying the 60-30-10 principle can help maintain visual harmony, using #123524 as a secondary or accent color.

You won't find Phthalo Green in every brand's style guide, which presents an opportunity for distinction. Its rarity makes it memorable. Some financial and tech companies, like Chime and Instacart, use similar deep greens to project stability and growth, giving you a reference for its professional application.

Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Phthalo Green in real UI components from top brands.

Using Phthalo Green color codes

To apply Phthalo Green in your projects, you'll start with its hex code, #123524. From there, you can convert it into other color models depending on your medium. For digital work on screens, you'll need the RGB values, which define color using red, green, and blue light. For print materials, the CMYK values are essential, as they correspond to the cyan, magenta, yellow, and black inks used in physical printing.

We've done the work for you. Below, you'll find the Phthalo Green hex code #123524 translated into a full spectrum of formats, including RGB, HSL, and CMYK. Simply copy the code you need and paste it into your design software.

Phthalo Green Code Conversions

HEX
#123524
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

Phthalo Green Color Harmonies

Analogous

An analogous scheme pairs Phthalo Green with its adjacent hues on the color wheel, resulting in a cohesive and calming visual experience.

#123456
#123456
#123456

Complementary

By pairing Phthalo Green with its opposite on the color wheel, you create a complementary scheme. This combination offers maximum contrast and visual intensity.

#123456
#123456

Split Complementary

A split complementary palette for Phthalo Green (#123524) uses the two colors neighboring its complement, creating a high-contrast look with less tension.

#123456
#123456
#123456

Triadic

A triadic color scheme for Phthalo Green (#123524) uses two other colors equally spaced on the color wheel, creating a vibrant, high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Phthalo Green (#123524) pairs it with its complement, plus another complementary duo, creating a vibrant four-color palette.

#123456
#123456
#123456
#123456

Square

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

#123456
#123456
#123456
#123456

Phthalo Green Color Variations

Shades

Shades of Phthalo Green are created by adding black, giving the color 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

Adding white to Phthalo Green creates tints, resulting in lighter, softer variations of the color.

#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 mixing Phthalo Green with gray for a softer, desaturated appearance.

#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 Phthalo Green, differing in temperature and intensity to create 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 Phthalo Green?

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

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