#406A28 Color Information


In the RGB color space, #406A28 is composed of 25.098% red, 41.5686% green, and 15.6863% blue.

In the CMYK color space, #406A28 is composed of 39.62% cyan, 0% magenta, 62.26% yellow, and 58.43% black,

It has a hue angle of 98.2 degrees, a saturation of 45.2%, and a lightness of 28.63%.

The closest websafe color is #336633.

#406A28 RGB Values

#406A28 CMYK Values



#406A28 Color Conversion


The hexadecimal color #406A28 has RGB values of R:64, G:106, B:40 and CMYK values of C:39.62, M:0, Y:62.26, K:58.43. It has a decimal value of 4221480.


Hexadecimal #406A28 #406A28
RGB Decimal 64, 106, 40 rgb(64, 106, 40)
RGB Percent 25.098, 41.5686, 15.6863 rgb(25.098%, 41.5686%, 15.6863%)
RGB Proportion 0.251, 0.4157, 0.1569 rgb(0.251, 0.4157, 0.1569)
CMYK 39.62, 0, 62.26, 58.43
HSL 98.2ยบ, 45.2, 28.63 hsl(98.2, 45.2%, 28.63%)
Websafe 336633 #336633
XYZ 7.652, 11.552, 3.835
Yxy 11.552, 0.332, 0.501
CIE-LAB 40.495, -27.615, 31.846
CIE-LCH 40.495, 42.152, 130.93
CIE-LUV 40.495, -20.418, 37.869
Hunter-Lab 33.988, -19.293, 17.102

Color Schemes For #406A28


Colors that go well with #406A28.

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

Alternatives to #406A28


Colors similar to #406A28.


#406A28 Preview


Common HTML and CSS shortcodes for #406A28.

Text with color #406A28


The quick brown fox jumps over the lazy dog.

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

#406A28 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #406A28


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #406A28


Linear gradient from #406A28 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #406A28


Radial gradient from #406A28 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #406A28 and its Complementary Color


Linear gradient from #406A28 to #BF95D7.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #406A28 and its Complementary Color


Radial gradient from #406A28 to #BF95D7.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors