#406B30 Color Information


In the RGB color space, #406B30 is composed of 25.098% red, 41.9608% green, and 18.8235% blue.

In the CMYK color space, #406B30 is composed of 40.18% cyan, 0% magenta, 55.15% yellow, and 58.04% black,

It has a hue angle of 103.7 degrees, a saturation of 38.07%, and a lightness of 30.39%.

The closest websafe color is #336633.

#406B30 RGB Values

#406B30 CMYK Values



#406B30 Color Conversion


The hexadecimal color #406B30 has RGB values of R:64, G:107, B:48 and CMYK values of C:40.18, M:0, Y:55.15, K:58.04. It has a decimal value of 4221744.


Hexadecimal #406B30 #406B30
RGB Decimal 64, 107, 48 rgb(64, 107, 48)
RGB Percent 25.098, 41.9608, 18.8235 rgb(25.098%, 41.9608%, 18.8235%)
RGB Proportion 0.251, 0.4196, 0.1882 rgb(0.251, 0.4196, 0.1882)
CMYK 40.18, 0, 55.15, 58.04
HSL 103.7ยบ, 38.07, 30.39 hsl(103.7, 38.07%, 30.39%)
Websafe 336633 #336633
XYZ 7.905, 11.818, 4.66
Yxy 11.818, 0.324, 0.485
CIE-LAB 40.925, -27.116, 28.189
CIE-LCH 40.925, 39.114, 133.889
CIE-LUV 40.925, -20.786, 34.97
Hunter-Lab 34.377, -19.115, 16.027

Color Schemes For #406B30


Colors that go well with #406B30.

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

Alternatives to #406B30


Colors similar to #406B30.


#406B30 Preview


Common HTML and CSS shortcodes for #406B30.

Text with color #406B30


The quick brown fox jumps over the lazy dog.

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

#406B30 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #406B30


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #406B30


Linear gradient from #406B30 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #406B30


Radial gradient from #406B30 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #406B30 and its Complementary Color


Linear gradient from #406B30 to #BF94CF.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #406B30 and its Complementary Color


Radial gradient from #406B30 to #BF94CF.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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