Colors

#2F4F4F

Dark Slate Gray

Dark Slate Gray is #2F4F4F. In CSS you can write it as the keyword darkslategray. The values below are the same sRGB color in HEX, RGB, HSL, HSV, a simple CMYK conversion, and OKLCH. CMYK here is a channel formula for reference, not a press proof.

Also named Dark Slate Grey.

Conversions

HEX
#2F4F4F
RGB
rgb(47, 79, 79)
HSL
hsl(180,25%,25%)
HSV
hsv(180, 41%, 31%)
CMYK
cmyk(41,0,0,69)
OKLCH
oklch(40.3% 0.038 195.8)

Tints and shades

Tints mix this color toward white. Shades mix it toward black in sRGB. For a 50–950 ramp, open the tint and shade generator.

Tints

#597272

20% white

#829595

40% white

#ACB9B9

60% white

#D5DCDC

80% white

Shades

#263F3F

20% black

#1C2F2F

40% black

#132020

60% black

#091010

80% black

Harmony palettes

These schemes rotate hue from Dark Slate Gray. Read the relationships in color theory 101 or adjust them on the color wheel.

#305050

#503030

#547878

#785454

#161D1D

#305040

#305050

#304050

#303050

#324D32

#305050

#503050

#505030

#785478

#2D2D20

Split Complementary

Open in palette generator

#305050

#503040

#504030

#628484

#1D1616

#264040

#437070

#609F9F

#8FBCBC

#BFD9D9

#305050

#403050

#503030

#405030

#5E4F6E

Contrast against white and black

Ratios use the WCAG relative-luminance formula. AA normal text needs 4.5:1 and large text needs 3:1 under Success Criterion 1.4.3. AAA uses 7:1 and 4.5:1. A pass here is only this pair, not a full page audit. Check other pairings in the contrast checker.

On white · 8.93:1
AA normal text Pass
AA large text Pass
AAA normal text Pass
AAA large text Pass
On black · 2.35:1
AA normal text Fail
AA large text Fail
AAA normal text Fail
AAA large text Fail

Similar named colors

Nearest CSS named colors by RGB distance. Distance is not a perceptual match.

Use this color