LightSlateGray Color

Learn about LightSlateGray (#778899): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#778899
HEX #778899
RGB rgb(119, 136, 153)
HSL 210°, 14%, 53%

About LightSlateGray Color

LightSlateGray is a medium, cool blue-gray that works well for secondary text and subdued UI elements. It adds a subtle, professional tone.

Use Cases for LightSlateGray

secondary textsubdued UIprofessional themesmeta infofooters

Shades & Tints of LightSlateGray

#ffffff
#dde1e6
#bbc4cc
#99a6b3
#778899
#596673
#3c444d
#1e2226
#000000

Complementary Color

#778899
#988776

Analogous Colors

#769898
#778899
#767698

CSS Code

.lightslategray-color {
  color: #778899;
}

Contrast Recommendations

Black text on LightSlateGray
Ratio: 5.77:1 ✓ Passes AA ✗ Fails AAA
White text on LightSlateGray
Ratio: 3.64:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is LightSlateGray?

LightSlateGray is represented by the hex code #778899 and has RGB values of rgb(119, 136, 153). It falls under the Gray category.

How to use LightSlateGray in web design?

LightSlateGray works well for secondary text, subdued UI, professional themes. LightSlateGray is a medium, cool blue-gray that works well for secondary text and subdued UI elements. It adds a subtle, professional tone. Use it as a primary color, accent, or background depending on your design needs.

What colors go with LightSlateGray?

Colors that pair well with LightSlateGray include slategray, darkslategray, gray, darkgray, steelblue. For a complementary scheme, try #988776. For an analogous scheme, use #769898 and #767698.