Light slate gray color

A medium gray with a clear blue tint. It is a standard CSS color used for text, icons and subtle UI elements.

Also known as: Light slate grey.

Light slate gray · #778899

About light slate gray

Light slate gray (#778899) is a cool, mid-tone, muted color. It belongs to the grays family. It mixes 119 red, 136 green and 153 blue (out of 255). It is mostly used in web, UI, icons.

Light slate gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

See all its shades: Color shades generator

Light slate gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Stone gray

AnalogousClose to: Pewter, Cool gray

TriadicClose to: Mountbatten pink, Camouflage green

Split complementaryClose to: Mountbatten pink, Sage green

TetradicClose to: Dusty lavender, Stone gray, Camouflage green

Light slate gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Light slate gray

Analogous palette · Light slate gray

Complementary palette · Light slate gray

Triadic palette · Light slate gray

With neutrals palette · Light slate gray

With an accent palette · Light slate gray

Light slate gray contrast with text

White textContrast 3.6:1 · AA large text

Black textContrast 5.8:1 · AA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --light-slate-gray: #778899;
  --light-slate-gray-rgb: 119, 136, 153;
}
.bg { background-color: var(--light-slate-gray); }
.text { color: var(--light-slate-gray); }

Colors similar to light slate gray

Slate gray Cool gray Dusty blue Pewter Steel gray Blue gray Cadet gray Air force blue Taupe gray Gray

Themed palettes with this color

Frequently asked questions

What is the hex code for light slate gray?

The hex code for light slate gray is #778899. In RGB it is rgb(119, 136, 153), in HSL hsl(210, 14%, 53%) and in CMYK 22, 11, 0, 40.

What is the complementary color of light slate gray?

Its complement on the color wheel is #998877, close to stone gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on light slate gray?

Use black text instead: the contrast with white is only 3.6:1, while with black it is 5.8:1.