UI Shades

A study in teal

Dark Slate Gray

#2F4F4F

also known as darkslategrey

Family
Teal
L
0.403
C
0.038
H
196°

Notes

Dark Slate Gray is a deep, slightly green-blue charcoal. The CSS hex is darker than most modern UI grays and has enough chroma to feel intentional rather than neutral. Architecture, interior, and editorial design use it as a sophisticated alternative to pure charcoal because the cool undertone reads as considered rather than default. Cream and warm wood alongside give interior palettes; bright coral makes a high-contrast layout. As body text on white it passes AAA comfortably. The chroma is low enough that adjacent saturated accent colors will not produce visual vibration against it.

#2f4f4f
Dark Slate Gray
Dark Slate Gray
#2f4f4f
oklch(0.403 0.038 195.76)
rgb(47 79 79)
hsl(180 25.4% 24.7%)
Share
#f4fcfc
#eaf7f7
#d2ebeb
#b9dcdc
#93bebd
#699594
#517c7c
#3f6666
#2f4f4f
#1a3232
#0b1a1a

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Dark Slate Gray

Cross-reference
Q&A

Frequently asked questions

What is Dark Slate Gray?

Dark Slate Gray is a deep, slightly green-blue charcoal. The CSS hex is darker than most modern UI grays and has enough chroma to feel intentional rather than neutral. Its hex code is #2F4F4F.

What are the tints and shades of Dark Slate Gray?

uishades builds an 11-step OKLCH ramp for Dark Slate Gray (#2F4F4F) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Dark Slate Gray?

Its complementary color is #5B4042. Triadic partners are #514257 and #544631; analogous neighbours are #324D58 and #354F44.

What are the OKLCH and RGB values of Dark Slate Gray?

Dark Slate Gray is #2F4F4F - OKLCH 0.403 0.038 196°, rgb(47 79 79), in the teal family. Also known as darkslategrey.