DarkSlateGrey / #2F4F4F Color Information


In the RGB color space, #2F4F4F is composed of 18.4314% red, 30.9804% green, and 30.9804% blue.

In the CMYK color space, #2F4F4F is composed of 40.51% cyan, 0% magenta, 0% yellow, and 69.02% black,

It has a hue angle of 180 degrees, a saturation of 25.4%, and a lightness of 24.7%.

The closest websafe color is #336666.

#2F4F4F has a CSS color name: DarkSlateGrey.

#2F4F4F RGB Values

#2F4F4F CMYK Values



DarkSlateGrey / #2F4F4F Color Conversion


The hexadecimal color #2F4F4F has RGB values of R:47, G:79, B:79 and CMYK values of C:40.51, M:0, Y:0, K:69.02. It has a decimal value of 3100495.


Hexadecimal #2F4F4F #2F4F4F
RGB Decimal 47, 79, 79 rgb(47, 79, 79)
RGB Percent 18.4314, 30.9804, 30.9804 rgb(18.4314%, 30.9804%, 30.9804%)
RGB Proportion 0.1843, 0.3098, 0.3098 rgb(0.1843, 0.3098, 0.3098)
CMYK 40.51, 0, 0, 69.02
HSL 180ยบ, 25.4, 24.7 hsl(180, 25.4%, 24.7%)
Websafe 336666 #336666
XYZ 5.379, 6.761, 8.418
Yxy 6.761, 0.262, 0.329
CIE-LAB 31.257, -11.726, -3.725
CIE-LCH 31.257, 12.303, 197.623
CIE-LUV 31.257, -14.181, -3.058
Hunter-Lab 26.002, -8.577, -0.994

Color Schemes For DarkSlateGrey / #2F4F4F


Colors that go well with DarkSlateGrey / #2F4F4F.

Monochromatic
Triadic Colors
Split Complementary Color
Complementary Color
Analogous Colors
Tetradic Colors

Alternatives to DarkSlateGrey / #2F4F4F


Colors similar to DarkSlateGrey / #2F4F4F.


DarkSlateGrey / #2F4F4F Preview


Common HTML and CSS shortcodes for DarkSlateGrey / #2F4F4F.

Text with color #2F4F4F


The quick brown fox jumps over the lazy dog.

<div style="color: #2F4F4F;">The quick brown fox jumps over the lazy dog.</div>

#2F4F4F as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #2F4F4F;">The quick brown fox jumps over the lazy dog.</div>

Border with #2F4F4F


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #2F4F4F;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2F4F4F


Linear gradient from #2F4F4F to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2F4F4F, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2F4F4F


Radial gradient from #2F4F4F to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2F4F4F, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #2F4F4F and its Complementary Color


Linear gradient from #2F4F4F to #D0B0B0.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#2F4F4F, #D0B0B0);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #2F4F4F and its Complementary Color


Radial gradient from #2F4F4F to #D0B0B0.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#2F4F4F, #D0B0B0);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #2F4F4F; } .background { background-color: #2F4F4F; } .border { border: 1px solid #2F4F4F; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of DarkSlateGrey / #2F4F4F


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #010202 while the lightest tint is #FCFCFC.

Shades


Tints

Random Colors