Darkslategray

darkslategray is a CSS color keyword. The same color is also written darkslategrey. The closest Tailwind step is teal-900 (#134e4a).

#2f4f4frgb(47, 79, 79)
Hex
#2f4f4f
RGB
47, 79, 79
HSL
180°, 25%, 25%
OKLCH
40.3% 0.038 195.8
LAB
31.3 -11.7 -3.7

Open #2f4f4f in the explorer

Text contrast

Black or white text on #2f4f4f. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text2.4:1 FailAPCA Lc 17
White text8.9:1 AAAAPCA Lc -92

Color vision

How #2f4f4f looks in simulations of color blindness, at full severity.

Full color
#2f4f4f
Protanopia
#4b4c4f
Deuteranopia
#45484f
Tritanopia
#22514f

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to darkslategray.

50100200300400500600700800900950

Copy into CSS

color: darkslategray;
background: #2f4f4f;
@theme {
  --color-darkslategray-50: #d9fefd;
  --color-darkslategray-100: #ccf0f0;
  --color-darkslategray-200: #b5d9d9;
  --color-darkslategray-300: #99bcbc;
  --color-darkslategray-400: #7ea0a0;
  --color-darkslategray-500: #608281;
  --color-darkslategray-600: #476767;
  --color-darkslategray-700: #315151;
  --color-darkslategray-800: #1c3b3c;
  --color-darkslategray-900: #062727;
  --color-darkslategray-950: #001111;
}