#7C6B30 Color Information


In the RGB color space, #7C6B30 is composed of 48.6275% red, 41.9608% green, and 18.8235% blue.

In the CMYK color space, #7C6B30 is composed of 0% cyan, 13.72% magenta, 61.3% yellow, and 51.37% black,

It has a hue angle of 46.6 degrees, a saturation of 44.2%, and a lightness of 33.73%.

The closest websafe color is #666633.

#7C6B30 RGB Values

#7C6B30 CMYK Values



#7C6B30 Color Conversion


The hexadecimal color #7C6B30 has RGB values of R:124, G:107, B:48 and CMYK values of C:0, M:13.72, Y:61.3, K:51.37. It has a decimal value of 8153904.


Hexadecimal #7C6B30 #7C6B30
RGB Decimal 124, 107, 48 rgb(124, 107, 48)
RGB Percent 48.6275, 41.9608, 18.8235 rgb(48.6275%, 41.9608%, 18.8235%)
RGB Proportion 0.4863, 0.4196, 0.1882 rgb(0.4863, 0.4196, 0.1882)
CMYK 0, 13.72, 61.3, 51.37
HSL 46.6ยบ, 44.2, 33.73 hsl(46.6, 44.2%, 33.73%)
Websafe 666633 #666633
XYZ 14.104, 15.014, 4.95
Yxy 15.014, 0.414, 0.441
CIE-LAB 45.653, -1.037, 34.919
CIE-LCH 45.653, 34.934, 91.701
CIE-LUV 45.653, 14.319, 37.575
Hunter-Lab 38.748, -2.836, 19.549

Color Schemes For #7C6B30


Colors that go well with #7C6B30.

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

Alternatives to #7C6B30


Colors similar to #7C6B30.


#7C6B30 Preview


Common HTML and CSS shortcodes for #7C6B30.

Text with color #7C6B30


The quick brown fox jumps over the lazy dog.

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

#7C6B30 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #7C6B30


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #7C6B30


Linear gradient from #7C6B30 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #7C6B30


Radial gradient from #7C6B30 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #7C6B30 and its Complementary Color


Linear gradient from #7C6B30 to #8394CF.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#7C6B30, #8394CF);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #7C6B30 and its Complementary Color


Radial gradient from #7C6B30 to #8394CF.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#7C6B30, #8394CF);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors