A study in blue
Light Slate Gray
#778899
also known as lightslategrey
- Family
- Blue
- L
- 0.619
- C
- 0.032
- H
- 248°
Notes
Light Slate Gray is a mid-light blue-gray with enough chroma to read as cool rather than fully neutral. The CSS hex sits in the territory of modern UI mid-grays used for secondary text and borders. Editorial, business, and tech designs use it for de-emphasized text or panel backgrounds. Pair with charcoal for primary text and a single warm accent. Against white it carries enough contrast for secondary text at body sizes but should be checked for AA compliance. Body text contrast against white passes AA at standard body sizes; AAA holds only at headline sizes.
Palette built around Light Slate Gray
Related colors
Frequently asked questions
What is Light Slate Gray?
Light Slate Gray is a mid-light blue-gray with enough chroma to read as cool rather than fully neutral. The CSS hex sits in the territory of modern UI mid-grays used for secondary text and borders. Its hex code is #778899.
What are the tints and shades of Light Slate Gray?
uishades builds an 11-step OKLCH ramp for Light Slate Gray (#778899) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Light Slate Gray?
Its complementary color is #938371. Triadic partners are #987E82 and #808A75; analogous neighbours are #81849A and #718B93.
What are the OKLCH and RGB values of Light Slate Gray?
Light Slate Gray is #778899 - OKLCH 0.619 0.032 248°, rgb(119 136 153), in the blue family. Also known as lightslategrey.