neutralcoolCSS named color

Darkslategray #2F4F4F

Darkslategray is a dark, muted cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Backgrounds · Typography

Open in generator →

Families: Cyans · Teals

Color values

FormatValue
HEX#2F4F4F
RGBrgb(47, 79, 79)
HSLhsl(180, 25%, 25%)
HSVhsv(180, 41%, 31%)
OKLCHoklch(40.3% 0.038 195.7)
OKLaboklab(40.3% -0.0363 -0.0102)
CMYKcmyk(40.5%, 0%, 0%, 69%)
XYZxyz(5.379, 6.7605, 8.4171)
CIE-LABlab(31.3, -11.7, -3.7)
CIE-LCHlch(31.3, 12.3, 197.6°)
Luminance0.068 (WCAG relative)
/* Darkslategray */ --darkslategray: #2f4f4f; color: #2f4f4f; background-color: #2f4f4f;

Source: W3C CSS named color. CSS keyword: darkslategrey.

Collections: Dark Colors · Muted Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#2b4747 #274040 #233838 #203131 #1c2a29 #182322 #141c1c #0f1515 #080c0c #000000

Tints (toward white)

#425f5f #566f6f #698080 #7e9191 #92a3a2 #a7b5b4 #bdc7c7 #d2d9d9 #e8ecec #ffffff

Tones (toward gray)

#324e4e #354e4e #384d4d #3b4d4d #3e4c4c #404c4c #434b4b #454b4b #474a4a #4a4a4a

Color harmonies

Complementary

Edit in generator →
#2F4F4F
#4F2F2F
#2f4f4f #4f2f2f

Analogous

Edit in generator →
#2F4F3F
#2F4F4F
#2F3F4F
#2f4f3f #2f4f4f #2f3f4f

Triadic

Edit in generator →
#2F4F4F
#4F2F4F
#4F4F2F
#2f4f4f #4f2f4f #4f4f2f

Tetradic

Edit in generator →
#2F4F4F
#3F2F4F
#4F2F2F
#3F4F2F
#2f4f4f #3f2f4f #4f2f2f #3f4f2f

Square

Edit in generator →
#2F4F4F
#3F2F4F
#4F2F2F
#3F4F2F
#2f4f4f #3f2f4f #4f2f2f #3f4f2f

Split Complementary

Edit in generator →
#2F4F4F
#4F2F3F
#4F3F2F
#2f4f4f #4f2f3f #4f3f2f

Monochromatic

Edit in generator →
#0B1313
#182929
#2F4F4F
#467575
#5D9C9C
#0b1313 #182929 #2f4f4f #467575 #5d9c9c

Accessibility & contrast

8.93
#2F4F4F on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.35
#2F4F4F on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on darkslategray

8.93
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#4B4C4F
Deuteranopia (green-blind)
#45484F
Tritanopia (blue-blind)
#22514F

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Dark Teal #014D4E5.95
Deep Teal #00555A6.34
Dark Turquoise #045C5A8.04
Petrol #005F6A8.54
Charcoal #36454F9.83
Charcoal Grey #3C414210.69

Colors that go with darkslategray

Top matches by hue harmony, contrast and saturation compatibility.

Pale Blue #D0FEFE
8.2:1
Same hue family as darkslategray (Δh 0°) — guaranteed harmony
Cloudy Blue #ACC2D9
4.9:1
Analogous hue (Δh ≈31°) — neighbors on the color wheel
Beige #F5F5DC
8.1:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Warm Beige #E9DCC9
6.6:1
Split-complementary angle (Δh ≈144°) — strong but softer than direct complement
Mistyrose #FFE4E1
7.4:1
Complementary hue (Δh ≈174°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.