Gray & Black color

Light Slate Gray #778899

#778899 · rgb(119, 136, 153)

Light Slate Gray is the color #778899. In RGB it is rgb(119, 136, 153) — 47% red, 53% green and 60% blue. Its CMYK breakdown is 22% cyan, 11% magenta, 0% yellow and 40% black, and in HSL it sits at 210° hue, 14% saturation and 53% lightness. Light Slate Gray is one of the 140 standard CSS / HTML color names, so color: light-slate-gray works in CSS. The closest web-safe color is #669999.

Light Slate Gray color codes

Hex#778899
RGBrgb(119, 136, 153)
RGB %47%, 53%, 60%
HSLhsl(210, 14%, 53%)
HSV / HSBhsv(210, 22%, 60%)
CMYKcmyk(22%, 11%, 0%, 40%)
OKLCHoklch(62% 0.032 248)
Closest web-safe#669999

Light Slate Gray color meaning

Light Slate Gray is a calm, natural and understated gray — a cool color at 53% lightness and 14% saturation. Like other neutrals, it is linked with neutrality, sophistication and balance. Grays and blacks are the quiet backbone of most designs, adding structure and elegance without competing for attention.

Because it is calm, natural and understated, light slate gray works best for interiors, neutral palettes, fashion basics and photography backdrops. As text on white it would be too faint (3.6:1), so use it for fills and backgrounds and put black text on top (5.8:1).

What colors go with Light Slate Gray?

Light Slate Gray pairs well with Peru, Robin Egg, Slate Blue and Linen: Peru sits close to its opposite on the color wheel for strong contrast, Robin Egg and Slate Blue are neighbors that keep a scheme calm, and Linen gives the eye somewhere to rest.

Build a full scheme around light slate gray in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Light Slate Gray at a glance

Color familyGray & Black · cool, calm, natural and understated
CSS color nameYes — lightslategray works in CSS
As text on white3.64:1 — large text only
Best text on itBlack (5.77:1)
For print (CMYK)22% cyan, 11% magenta, 0% yellow, 40% black
Full screenOpen the light slate gray screen — fill your display or download it in 4K

Contrast

Contrast ratio of Light Slate Gray against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 3.64:1 Black text — 5.77:1

Shades, tints & tones

Shades — toward black
Tints — toward white
Tones — toward gray

Color harmonies

Complementary
Analogous
Split-complementary
Triadic
Tetradic
Square
Rainbow

Colors similar to Light Slate Gray

Light Slate Gray color FAQ

What is the hex code for Light Slate Gray?

Light Slate Gray is #778899, which is rgb(119, 136, 153) and hsl(210, 14%, 53%). For print it is roughly C22 M11 Y0 K40.

What colors go with Light Slate Gray?

Light Slate Gray pairs well with Peru, Robin Egg, Slate Blue, Linen. Peru gives the strongest contrast, being close to its complementary color. Neutrals such as Linen also work well alongside it.

Is Light Slate Gray a warm or cool color?

Light Slate Gray is a cool color: its hue is 210°, on the green, blue and violet side of the color wheel.

What text color looks best on Light Slate Gray?

Black text, with a contrast ratio of 5.8:1, which meets WCAG AA for normal text.