#3C5234 Color Information


In the RGB color space, #3C5234 is composed of 23.5294% red, 32.1569% green, and 20.3922% blue.

In the CMYK color space, #3C5234 is composed of 26.83% cyan, 0% magenta, 36.6% yellow, and 67.84% black,

It has a hue angle of 104.0 degrees, a saturation of 22.4%, and a lightness of 26.27%.

The closest websafe color is #336633.

#3C5234 RGB Values

#3C5234 CMYK Values



#3C5234 Color Conversion


The hexadecimal color #3C5234 has RGB values of R:60, G:82, B:52 and CMYK values of C:26.83, M:0, Y:36.6, K:67.84. It has a decimal value of 3953204.


Hexadecimal #3C5234 #3C5234
RGB Decimal 60, 82, 52 rgb(60, 82, 52)
RGB Percent 23.5294, 32.1569, 20.3922 rgb(23.5294%, 32.1569%, 20.3922%)
RGB Proportion 0.2353, 0.3216, 0.2039 rgb(0.2353, 0.3216, 0.2039)
CMYK 26.83, 0, 36.6, 67.84
HSL 104.0ยบ, 22.4, 26.27 hsl(104.0, 22.4%, 26.27%)
Websafe 336633 #336633
XYZ 5.501, 7.244, 4.357
Yxy 7.244, 0.322, 0.424
CIE-LAB 32.356, -15.025, 14.965
CIE-LCH 32.356, 21.206, 135.115
CIE-LUV 32.356, -10.472, 18.542
Hunter-Lab 26.915, -10.618, 9.242

Color Schemes For #3C5234


Colors that go well with #3C5234.

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

Alternatives to #3C5234


Colors similar to #3C5234.


#3C5234 Preview


Common HTML and CSS shortcodes for #3C5234.

Text with color #3C5234


The quick brown fox jumps over the lazy dog.

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

#3C5234 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #3C5234


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3C5234


Linear gradient from #3C5234 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3C5234


Radial gradient from #3C5234 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #3C5234 and its Complementary Color


Linear gradient from #3C5234 to #C3ADCB.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #3C5234 and its Complementary Color


Radial gradient from #3C5234 to #C3ADCB.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors