#886C18 Color Information


In the RGB color space, #886C18 is composed of 53.3333% red, 42.3529% green, and 9.4118% blue.

In the CMYK color space, #886C18 is composed of 0% cyan, 20.59% magenta, 82.36% yellow, and 46.67% black,

It has a hue angle of 45 degrees, a saturation of 70.0%, and a lightness of 31.37%.

The closest websafe color is #996600.

#886C18 RGB Values

#886C18 CMYK Values



#886C18 Color Conversion


The hexadecimal color #886C18 has RGB values of R:136, G:108, B:24 and CMYK values of C:0, M:20.59, Y:82.36, K:46.67. It has a decimal value of 8940568.


Hexadecimal #886C18 #886C18
RGB Decimal 136, 108, 24 rgb(136, 108, 24)
RGB Percent 53.3333, 42.3529, 9.4118 rgb(53.3333%, 42.3529%, 9.4118%)
RGB Proportion 0.5333, 0.4235, 0.0941 rgb(0.5333, 0.4235, 0.0941)
CMYK 0, 20.59, 82.36, 46.67
HSL 45ยบ, 70.0, 31.37 hsl(45, 70.0%, 31.37%)
Websafe 996600 #996600
XYZ 15.679, 16.023, 3.13
Yxy 16.023, 0.45, 0.46
CIE-LAB 47.005, 2.647, 47.362
CIE-LCH 47.005, 47.436, 86.801
CIE-LUV 47.005, 23.499, 45.825
Hunter-Lab 40.029, -0.133, 23.384

Color Schemes For #886C18


Colors that go well with #886C18.

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

Alternatives to #886C18


Colors similar to #886C18.


#886C18 Preview


Common HTML and CSS shortcodes for #886C18.

Text with color #886C18


The quick brown fox jumps over the lazy dog.

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

#886C18 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #886C18


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #886C18


Linear gradient from #886C18 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #886C18


Radial gradient from #886C18 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #886C18 and its Complementary Color


Linear gradient from #886C18 to #7793E7.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#886C18, #7793E7);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #886C18 and its Complementary Color


Radial gradient from #886C18 to #7793E7.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#886C18, #7793E7);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors