Neutral

SonicSilver

#757575
HEX
#757575
RGB
rgb(117, 117, 117)
HSL
hsl(0, 0%, 46%)

Neutral family

About SonicSilver

SonicSilver (#757575) is a dark, desaturated neutral. With little or no hue, it acts as a quiet, flexible backdrop that lets other colors lead while adding structure and sophistication of its own.

Psychology

Neutrals feel calm, balanced and unobtrusive. Whites suggest cleanliness and space, grays suggest practicality and composure, and blacks suggest power and elegance, together giving a design room to breathe.

Applications

Neutrals are the backbone of almost every palette: backgrounds, text, borders, and the whitespace that lets accent colors shine. They are essential in editorial, minimal, architectural and luxury design.

History

Charcoal, chalk and ash gave early artists their blacks and whites, while grays have been central to painting and photography since the dawn of each medium. Neutral palettes became a hallmark of modernist design in the 20th century.

Meaning

Neutrals symbolize simplicity, balance and timelessness. White means purity and clarity, gray means neutrality and composure, and black means authority and sophistication.

Why use this color

Use neutrals to build structure, improve readability and let your accent colors stand out. A strong neutral foundation makes any palette feel more polished, professional and timeless.

Accessibility

Against white, #757575 has a 4.6:1 contrast ratio; against black it is 4.6:1. White text on #757575 meets WCAG AA for normal text.

Fun facts

  • Black and white are technically the absence and presence of all visible light, not hues on the color wheel.
  • Grays are often slightly tinted with a hue, giving warm, cool or greenish casts.
  • Minimalist and luxury brands lean heavily on neutrals to project timeless elegance.

Shades, tints & tones

Variations

Ten lightness steps plus SonicSilver's tints, shades and tones — every swatch copies its hex on click.

Lightness scale

Tints (toward white)

Shades (toward black)

Tones (toward gray)

Color theory

Color harmonies

Proven schemes built around SonicSilver. Each swatch is one click from your clipboard.

Complementary

#757575

Analogous

#757575

Triadic

#757575

Split-complementary

#757575

Tetradic

#757575

Monochromatic

#262626#525252#808080#adadad#d9d9d9

Accessibility

Blindness simulator

See how SonicSilver is perceived with common types of color vision deficiency.

#757575

Normal vision

Standard trichromatic vision, shown for reference.

#757575

Protanopia

Red-blind. Reds look darker and can be confused with greens and browns.

#757575

Deuteranopia

Green-blind. Greens look muted and can be confused with reds and browns.

#757575

Tritanopia

Blue-blind. Blues look greenish and yellows fade toward pink.

#757575

Achromatopsia

Complete color blindness. Everything is seen in shades of gray.

WCAG

Contrast checker

How SonicSilver performs against black and white text, with WCAG AA and AAA ratings.

AaWhite on SonicSilver
4.61:1
AAAAAAA LargeAAA Large
AaBlack on SonicSilver
4.56:1
AAAAAAA LargeAAA Large

The ratio is identical whether SonicSilver is used as the text or the background.

Open the full checker

Ready to use

Color palettes

Curated palettes that put SonicSilver to work, with copy-all support for each.

Complementary

Roughly 180° across the wheel from #757575 (hue 0°) sits #757575, held together by the #b5b5b5 tint and the neutrals #f4f4f5 and #18181b.

Analogous

#757575 with its two closest neighbours, #757575 and #757575, for a 0%-saturation run that stays inside one family; #b5b5b5 and #363636 add depth without breaking it.

Triadic

#757575 plus #757575 and #757575, a triangle that sits 120° apart at every corner, with #f4f4f5 and #18181b doing the quiet work underneath.

Monochromatic

One hue at 5 lightness steps: #f5f5f5 through #0f0f0f, starting from #757575 at 46% lightness.

SonicSilver (#757575) is a neutral-family color. Use its values, variations, harmonies and palettes above to put it to work in your next design.

Frequently asked questions

SonicSilver is #757575 — rgb(117, 117, 117) / hsl(0, 0%, 46%). SonicSilver (#757575) is a dark, desaturated neutral. With little or no hue, it acts as a quiet, flexible backdrop that lets other colors lead while adding structure and sophistication of its own.

Good to know

  • SonicSilver is one of 609 named colors in the library.
  • Every color page includes variations, harmonies, related colors and palettes.

More color tools

Next steps for SonicSilver: each of these picks the value up where this page leaves off, so nothing gets retyped or re-uploaded.