#2C1C12 Color Information


In the RGB color space, #2C1C12 is composed of 17.2549% red, 10.9804% green, and 7.0588% blue.

In the CMYK color space, #2C1C12 is composed of 0% cyan, 36.35% magenta, 59.07% yellow, and 82.75% black,

It has a hue angle of 23.1 degrees, a saturation of 41.92%, and a lightness of 12.15%.

The closest websafe color is #333300.

#2C1C12 RGB Values

#2C1C12 CMYK Values



#2C1C12 Color Conversion


The hexadecimal color #2C1C12 has RGB values of R:44, G:28, B:18 and CMYK values of C:0, M:36.35, Y:59.07, K:82.75. It has a decimal value of 2890770.


Hexadecimal #2C1C12 #2C1C12
RGB Decimal 44, 28, 18 rgb(44, 28, 18)
RGB Percent 17.2549, 10.9804, 7.0588 rgb(17.2549%, 10.9804%, 7.0588%)
RGB Proportion 0.1725, 0.1098, 0.0706 rgb(0.1725, 0.1098, 0.0706)
CMYK 0, 36.35, 59.07, 82.75
HSL 23.1ยบ, 41.92, 12.15 hsl(23.1, 41.92%, 12.15%)
Websafe 333300 #333300
XYZ 1.563, 1.409, 0.762
Yxy 1.409, 0.419, 0.377
CIE-LAB 12.017, 6.383, 9.82
CIE-LCH 12.017, 11.712, 56.976
CIE-LUV 12.017, 8.186, 6.128
Hunter-Lab 11.87, 2.731, 4.503

Color Schemes For #2C1C12


Colors that go well with #2C1C12.

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

Alternatives to #2C1C12


Colors similar to #2C1C12.


#2C1C12 Preview


Common HTML and CSS shortcodes for #2C1C12.

Text with color #2C1C12


The quick brown fox jumps over the lazy dog.

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

#2C1C12 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2C1C12


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C1C12


Linear gradient from #2C1C12 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C1C12


Radial gradient from #2C1C12 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C1C12 and its Complementary Color


Linear gradient from #2C1C12 to #D3E3ED.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C1C12 and its Complementary Color


Radial gradient from #2C1C12 to #D3E3ED.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors