Independence

Meet Independence (#5B617A), a complex shade that sits between slate gray and deep navy. Its muted, understated quality provides a sophisticated foundation, offering depth and character without the starkness of pure black, making it a versatile choice for modern digital palettes.

Independence
#5B617A
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Independence?

Independence is a deep, cool gray with a distinct blue-violet undertone, a muted and sophisticated shade reminiscent of a stormy sky just after sunset.

Its complexity gives it a chameleon-like quality, allowing it to present as a soft slate or a subdued navy depending on the surrounding palette and light.

What is the meaning of the color Independence?

The color Independence, #5B617A, carries a sense of quiet authority and self-assurance. It is a color of structure and stability, often associated with formality and deep thought.

Psychologically, this muted blue-gray evokes feelings of calm and reliability. It represents a mature, grounded freedom—not of loud rebellion, but of composed self-reliance and inner strength.

How can I use the color Independence (#5B617A) in my UI design?

Independence (#5B617A) works beautifully as a foundational color in interfaces that aim for a composed and professional feel. To make it pop, try pairing it with warm off-whites or creating sharp accents with brighter colors like ochre or a soft terracotta. This creates a split-complementary or triadic harmony, giving the design energy without feeling chaotic.

You won't see many major brands built around a color quite like Independence, which is precisely its strength. While some companies like Plain use similar muted palettes, the relative rarity of #5B617A offers a chance to build a distinct visual identity that feels both modern and grounded.

To see how Independence performs in practice, use the tools below. You can explore curated palettes, check color contrast ratios for accessibility, and see #5B617A applied to UI components from well-known apps.

Using Independence color codes

When working with Independence, a good practice is to save its hex code, #5B617A, as a named swatch or variable in your design files. This keeps your color palette consistent and makes global changes much easier to manage across your project.

While #5B617A is the standard for web and digital applications, you'll need different codes for other uses. RGB values are essential for anything displayed on a screen, while CMYK is the go-to for print materials. Other models like HSL, LAB, and LCH provide alternative ways to specify colors based on properties like hue, saturation, and perceived lightness.

To make things simple, we've converted #5B617A into a range of popular formats. You can find and copy the exact codes for Independence below.

Independence Code Conversions

HEX
#5B617A
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

Independence Color Harmonies

Analogous

Analogous schemes pair Independence with its neighbors on the color wheel. This creates a rich, harmonious palette that feels cohesive and serene.

#123456
#123456
#123456

Complementary

Complementary colors are opposites on the color wheel. Paired with Independence, they create a strong visual tension and offer maximum contrast.

#123456
#123456

Split Complementary

A split complementary scheme for Independence pairs it with the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.

#123456
#123456
#123456

Triadic

A triadic scheme offers a high-contrast, vibrant look by pairing Independence with two other colors equally spaced on the color wheel.

#123456
#123456
#123456

Tetradic

A tetradic scheme pairs Independence with its complement, plus another complementary pair, forming a rectangle on the color wheel for a vibrant palette.

#123456
#123456
#123456
#123456

Square

A square color scheme features four colors spaced evenly on the color wheel. This arrangement produces a lively palette with rich, balanced contrast.

#123456
#123456
#123456
#123456

Independence Color Variations

Shades

Shades of Independence are created by adding black, giving the color more depth and a heavier feel.

#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 are lighter versions of Independence, created by adding white for a softer effect.

#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

By adding gray to Independence, you create tones, which are softer, 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 Independence, adjusted for intensity or temperature to influence visual tone.

#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 Independence?

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