- No data uploaded
- Instant results
Light Slate Gray — #778899
Light Slate Gray is the CSS named colour lightslategray, hex #778899. It has a contrast ratio of 3.64:1 on white and 5.77:1 on black — best used as text on dark backgrounds.
Light Slate Gray — #778899
Contrast on white 3.64:1 · on black 5.77:1
Tints
Shades
Complementary
Triadic
Analogous
Using Light Slate Gray in code
CSS: color: lightslategray; or color: #778899; · Tailwind: text-[#778899] · Android/Flutter: 0xFF778899
Light Slate Gray colour harmonies
Complementary: #998877 · Triadic: #997788, #889977 · Analogous: #779999, #777799. Use tints for backgrounds and shades for hover states.
Light Slate Gray in every colour format
| Format | Value |
|---|---|
| HEX | #778899 |
| RGB | rgb(119, 136, 153) |
| HSL | hsl(210, 14%, 53%) |
| HSV | hsv(210, 22%, 60%) |
| CMYK | cmyk(22%, 11%, 0%, 40%) |
| CSS name | lightslategray |
| Contrast on white | 3.64:1 |
| Contrast on black | 5.77:1 |
Frequently asked questions
What is the hex code for Light Slate Gray?
#778899 (CSS name: lightslategray).
What is Light Slate Gray in RGB?
rgb(119, 136, 153)
What colour goes well with Light Slate Gray?
Its complementary colour #998877, or the analogous #779999 and #777799.