DarkSlateGrey

All colors
CSS named colorCyan · dark · muted
browser standard

#2F4F4F

Dark Slate Grey

Best set with white text. The pairing reaches 8.93:1 contrast and passes AAA for normal text.

Color values

copy exact values
HEX#2F4F4FsRGB hexadecimal
RGBrgb(47, 79, 79)screen channels
HSLhsl(180, 25%, 25%)hue, saturation, lightness
CMYKcmyk(41%, 0%, 0%, 69%)approximate process color
Tailwindteal-900nearest palette utility, not an exact token

Foreground contrast

WCAG ratios
White textAAA8.93:1
Black textfails AA2.35:1

Recommendation

Use white 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
#172020
#233737
#2F4F4F
#6F8484
#B2BDBD
#FAFAFA
Analogous
#2F4F3F
#2F4F4F
#2F3F4F
Triadic
#2F4F4F
#4F2F4F
#4F4F2F
Complement
#2F4F4F
#4F2F2F

Nearest named neighbors

Lab distance · lower is closer
DarkSlateGray#2F4F4FΔ 0.0DimGray#696969Δ 18.0DimGrey#696969Δ 18.0SlateGray#708090Δ 24.6SlateGrey#708090Δ 24.6Teal#008080Δ 24.6

Exact alias: DarkSlateGray.

CSS output

:root {
  --color-dark-slate-grey: #2F4F4F;
}

.swatch {
  background: var(--color-dark-slate-grey);
  color: #FFFFFF;
}
Hue198°
Lightness31 L*
Chroma12.3
Luminance0.068