LightSlateGray

All colors
CSS named colorBlue · mid · muted
browser standard

#778899

Light Slate Gray

Best set with black text. The pairing reaches 5.77:1 contrast and passes AA for normal text.

Color values

copy exact values
HEX#778899sRGB hexadecimal
RGBrgb(119, 136, 153)screen channels
HSLhsl(210, 14%, 53%)hue, saturation, lightness
CMYKcmyk(22%, 11%, 0%, 40%)approximate process color
Tailwindslate-500nearest palette utility, not an exact token

Foreground contrast

WCAG ratios
White textlarge text3.64:1
Black textAA5.77:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

Palette relationships

generated in color space
Tonal ramp
#050505
#2B3035
#505A65
#778899
#A1ADB8
#CDD3D9
#FAFAFA
Analogous
#779999
#778899
#777799
Triadic
#778899
#997788
#889977
Complement
#778899
#998877

Nearest named neighbors

Lab distance · lower is closer
LightSlateGrey#778899Δ 0.0SlateGray#708090Δ 3.1SlateGrey#708090Δ 3.1Gray#808080Δ 11.6Grey#808080Δ 11.6DimGray#696969Δ 16.1

Exact alias: LightSlateGrey.

CSS output

:root {
  --color-light-slate-gray: #778899;
}

.swatch {
  background: var(--color-light-slate-gray);
  color: #000000;
}
Hue259°
Lightness56 L*
Chroma11.3
Luminance0.238