SlateGrey

All colors
CSS named colorBlue · mid · muted
browser standard

#708090

Slate Grey

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

Color values

copy exact values
HEX#708090sRGB hexadecimal
RGBrgb(112, 128, 144)screen channels
HSLhsl(210, 13%, 50%)hue, saturation, lightness
CMYKcmyk(22%, 11%, 0%, 44%)approximate process color
Tailwindgray-500nearest palette utility, not an exact token

Foreground contrast

WCAG ratios
White textlarge text4.05:1
Black textAA5.18: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
#292E32
#4B555F
#708090
#9CA7B2
#CAD0D6
#FAFAFA
Analogous
#709090
#708090
#707090
Triadic
#708090
#907080
#809070
Complement
#708090
#908070

Nearest named neighbors

Lab distance · lower is closer
SlateGray#708090Δ 0.0LightSlateGray#778899Δ 3.1LightSlateGrey#778899Δ 3.1Gray#808080Δ 10.8Grey#808080Δ 10.8DimGray#696969Δ 13.7

Exact alias: SlateGray.

CSS output

:root {
  --color-slate-grey: #708090;
}

.swatch {
  background: var(--color-slate-grey);
  color: #000000;
}
Hue259°
Lightness53 L*
Chroma10.8
Luminance0.209