#778899
lightslategray
#778899 is the CSS named color "lightslategray", an exact match. In RGB it breaks down to red 119, green 136, and blue 153 out of 255 each. In HSL terms that's a hue of 210°, 14% saturation, and 53% lightness: a mid-tone — usable as an accent for buttons, links, and icons against either a light or dark background.
Every format
| HEX | #778899 |
| RGB | rgb(119, 136, 153) |
| HSL | hsl(210° 14% 53%) |
| HSB | hsb(210° 22% 60%) |
| OKLCH | oklch(62% 0.032 248°) |
| OKLAB | oklab(62% -0.012 -0.030) |
| LCH | lch(56% 11.8 253°) |
| CMYK | cmyk(22% 11% 0% 40%) |
Shades (darker)
#778899 · #69798a · #5b6b7b · #4d5d6d · #404f5f
Tints (lighter)
#778899 · #8294a5 · #8e9fb1 · #99abbd · #a5b7c9
Shades mix #778899 toward black in even steps, useful for hover and pressed states in a UI; tints mix it toward white, useful for subtle backgrounds and disabled states that still read as the same color family.
On white: 3.64:1 — AA (large text only)
On black: 5.77:1 — AA
Frequently asked
- What is #778899 in RGB?
- #778899 is rgb(119, 136, 153) — red 119, green 136, blue 153 out of 255 each.
- Does #778899 pass WCAG contrast on a white background?
- It has a contrast ratio of 3.64:1 against white, which passes WCAG AA (large text only) for normal text.
- What's a good background color to pair with #778899?
- Black text or a black background gives better contrast (5.77:1) than white (3.64:1).