#2E474B Color Information


In the RGB color space, #2E474B is composed of 18.0392% red, 27.8431% green, and 29.4118% blue.

In the CMYK color space, #2E474B is composed of 38.66% cyan, 5.34% magenta, 0% yellow, and 70.59% black,

It has a hue angle of 188.3 degrees, a saturation of 23.96%, and a lightness of 23.72%.

The closest websafe color is #333333.

#2E474B RGB Values

#2E474B CMYK Values



#2E474B Color Conversion


The hexadecimal color #2E474B has RGB values of R:46, G:71, B:75 and CMYK values of C:38.66, M:5.34, Y:0, K:70.59. It has a decimal value of 3032907.


Hexadecimal #2E474B #2E474B
RGB Decimal 46, 71, 75 rgb(46, 71, 75)
RGB Percent 18.0392, 27.8431, 29.4118 rgb(18.0392%, 27.8431%, 29.4118%)
RGB Proportion 0.1804, 0.2784, 0.2941 rgb(0.1804, 0.2784, 0.2941)
CMYK 38.66, 5.34, 0, 70.59
HSL 188.3ยบ, 23.96, 23.72 hsl(188.3, 23.96%, 23.72%)
Websafe 333333 #333333
XYZ 4.649, 5.594, 7.491
Yxy 5.594, 0.262, 0.315
CIE-LAB 28.364, -8.368, -5.462
CIE-LCH 28.364, 9.993, 213.133
CIE-LUV 28.364, -11.193, -5.494
Hunter-Lab 23.652, -6.304, -2.222

Color Schemes For #2E474B


Colors that go well with #2E474B.

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

Alternatives to #2E474B


Colors similar to #2E474B.


#2E474B Preview


Common HTML and CSS shortcodes for #2E474B.

Text with color #2E474B


The quick brown fox jumps over the lazy dog.

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

#2E474B as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2E474B


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2E474B


Linear gradient from #2E474B to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2E474B


Radial gradient from #2E474B to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2E474B and its Complementary Color


Linear gradient from #2E474B to #D1B8B4.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2E474B and its Complementary Color


Radial gradient from #2E474B to #D1B8B4.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #2E474B; } .background { background-color: #2E474B; } .border { border: 1px solid #2E474B; } .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 #2E474B


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