Dark Slate Gray Color Hex Code, RGB & HSL Values

What is the meaning of the Dark Slate Gray color?

Dark Slate Gray is a very dark slate-gray color with subtle green-blue undertones. It represents heavy stone and industrial strength, serving as a premium dark theme background.

How to use the Dark Slate Gray color hex code in HTML & CSS?

To style elements with Dark Slate Gray on a website, use the hex code #2F4F4F in your HTML/CSS. Adding background-color: #2F4F4F; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#2F4F4F] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Dark Slate Gray?

In the digital sRGB spectrum, the Dark Slate Gray color code is mapped to RGB values of Red: 47, Green: 79, and Blue: 79. In the HSL system, it registers at hue angle 180°, saturation 25%, and lightness index 25%. It represents a dark, rich color characterized by a soft, understated pastel shade.

CMYK print profiles for Dark Slate Gray color

To reproduce the named shade Dark Slate Gray in print systems, the CMYK ink configuration requires 41% Cyan, 0% Magenta, 0% Yellow, and 69% black. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 47

Green Channel 79

Blue Channel 79

Luminance 0.068

⇄ Dark Slate Gray Color Space Conversions

Click to copy format

HEX Color Code #2F4F4F

RGB (Red Green Blue) rgb(47, 79, 79)

HSL (Hue Sat Light) hsl(180°, 25%, 25%)

CMYK (Commercial Print) cmyk(41%, 0%, 0%, 69%)

HSV / HSB Values hsv(180°, 41%, 31%)

Decimal Color Code 3100495

CSS Custom Variable --color-hex: #2F4F4F;

Tailwind CSS Utility bg-[#2F4F4F]

CSS Named Color darkslategray

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #2F4F4F

Small body copy preview

Black Text on Background

Black text readability test with #2F4F4F

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Dark Slate Gray */
--color-hex: #2F4F4F;
--color-rgb: rgb(47, 79, 79);
--color-hsl: hsl(180deg, 25%, 25%);
--color-name: darkslategray;

Aa Known Color Aliases

✦ Dark Slate Gray Color Meaning

Representing the teal color family, Dark Slate Gray carries the intrinsic characteristics of this organic hue. This color group is the color of sophisticated balance, combining blue's emotional depth with green's natural energy. It has strong associations with healing, protection, and spiritual depth across many world cultures. In design, teal performs exceptionally well as an accent color — it's distinctive enough to attract attention without the aggression of more saturated hues. Healthcare institutions use teal because it combines green's association with health with blue's calming effect. Fashion and luxury brands use teal to signal understated sophistication. The color gained widespread recognition as the official color of ovarian cancer awareness, giving it additional cultural depth and meaning.

Emotions & Associations

BalanceHealingCalmSophistication

Industries

FinanceWellnessHealthcare