Light Slate Gray is a medium, muted shade in the blue color family, with a cool feel. Its HEX code is #778899, which equals rgb(119, 136, 153) in RGB and hsl(210, 14%, 53%) in HSL. In print terms it converts to roughly C22 M11 Y0 K40, although exact CMYK results depend on the paper and color profile.
- HEX
#778899 - RGB
119, 136, 153 - HSL
210°, 14%, 53% - CMYK
22, 11, 0, 40 - Family
Blue - Tone
Medium, muted
About Light Slate Gray
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 5.77:1. Its complementary color is #988776.
Download Light Slate Gray as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Slate Gray color codes
| HEX | #778899 |
|---|---|
| RGB | rgb(119, 136, 153) |
| HSL | hsl(210, 14%, 53%) |
| HSV | 210°, 22%, 60% |
| CMYK | 22%, 11%, 0%, 40% |
| Decimal | 7833753 |
Shades and tints of Light Slate Gray
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8EBEE - 100
#D2D7DD - 200
#BBC4CC - 300
#A4B0BB - 400
#8E9CAA - 500
#778899 - 600
#637180 - 700
#4F5B66 - 800
#3C444D - 900
#282D33 - 950
#14171A
Color harmonies for Light Slate Gray
- Complementary
#988776≈ Warm Gray 55 - Analogous −30°
#769898≈ Dusty Cyan - Analogous +30°
#767698≈ Dusty Sapphire - Triadic +120°
#987687≈ Medium Light Dusty Crimson - Triadic +240°
#879876≈ Dusty Spring Bud - Split 150°
#987676≈ Dusty Cinnabar - Split 210°
#989876≈ Dusty Yellow
Contrast and accessibility of Light Slate Gray
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Slate Gray | Aa | 3.64:1 | AA Large only |
| Black text on Light Slate Gray | Aa | 5.77:1 | AA (good) |
CSS code for Light Slate Gray
background-color: #778899;color: #778899;background-color: rgb(119, 136, 153);background-color: hsl(210, 14%, 53%);:root { --color-light-slate-gray: #778899; }class="bg-[#778899]"Colors similar to Light Slate Gray
- Cool Gray 55
#828B97 - Slate Gray
#708090 - Dusty Capri
#668A99 - Dusty Azure
#668599 - Medium Light Dusty Cobalt
#7E87A9 - Medium Light Dusty Sapphire
#7E8BA9 - Medium Light Dusty Royal
#7E83A9 - Dusty Peacock
#668F99 - Cool Gray 50
#747E8B - Medium Light Dusty Cornflower
#7E90A9 - Dusty Cerulean
#667F99 - Medium Light Dusty Blue
#7E7EA9
More blue shades
- Dark Slate Gray
#2F4F4F - Dark Turquoise
#00CED1 - Light Blue
#ADD8E6 - Light Cyan
#E0FFFF - Light Sea Green
#20B2AA - Light Sky Blue
#87CEFA - Light Steel Blue
#B0C4DE - Medium Blue
#0000CD - Medium Purple
#9370DB - Medium Slate Blue
#7B68EE - Medium Turquoise
#48D1CC
Frequently asked questions
What is the HEX code for Light Slate Gray?
The HEX code for Light Slate Gray is #778899.
What is the RGB value of Light Slate Gray?
Light Slate Gray has an RGB value of 119, 136, 153 (rgb(119, 136, 153)). In HSL it is 210°, 14%, 53%.
What text color should I use on Light Slate Gray?
Use black text on Light Slate Gray. White text has a contrast ratio of 3.64:1 and black text has 5.77:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Slate Gray?
The complementary color of Light Slate Gray is #988776. Analogous colors #769898 and #767698 also pair well.