#668140 Color Information


In the RGB color space, #668140 is composed of 40% red, 50.5882% green, and 25.098% blue.

In the CMYK color space, #668140 is composed of 20.93% cyan, 0% magenta, 50.39% yellow, and 49.41% black,

It has a hue angle of 84.9 degrees, a saturation of 33.68%, and a lightness of 37.84%.

The closest websafe color is #669933.

#668140 RGB Values

#668140 CMYK Values



#668140 Color Conversion


The hexadecimal color #668140 has RGB values of R:102, G:129, B:64 and CMYK values of C:20.93, M:0, Y:50.39, K:49.41. It has a decimal value of 6717760.


Hexadecimal #668140 #668140
RGB Decimal 102, 129, 64 rgb(102, 129, 64)
RGB Percent 40, 50.5882, 25.098 rgb(40%, 50.5882%, 25.098%)
RGB Proportion 0.4, 0.5059, 0.251 rgb(0.4, 0.5059, 0.251)
CMYK 20.93, 0, 50.39, 49.41
HSL 84.9ยบ, 33.68, 37.84 hsl(84.9, 33.68%, 37.84%)
Websafe 669933 #669933
XYZ 14.256, 18.897, 7.747
Yxy 18.897, 0.349, 0.462
CIE-LAB 50.566, -21.266, 31.895
CIE-LCH 50.566, 38.334, 123.693
CIE-LUV 50.566, -13.258, 40.47
Hunter-Lab 43.471, -17.535, 19.863

Color Schemes For #668140


Colors that go well with #668140.

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

Alternatives to #668140


Colors similar to #668140.


#668140 Preview


Common HTML and CSS shortcodes for #668140.

Text with color #668140


The quick brown fox jumps over the lazy dog.

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

#668140 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #668140


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #668140


Linear gradient from #668140 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #668140


Radial gradient from #668140 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #668140 and its Complementary Color


Linear gradient from #668140 to #997EBF.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #668140 and its Complementary Color


Radial gradient from #668140 to #997EBF.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FCFDFC.

Shades


Tints

Random Colors