#345B18 Color Information


In the RGB color space, #345B18 is composed of 20.3922% red, 35.6863% green, and 9.4118% blue.

In the CMYK color space, #345B18 is composed of 42.87% cyan, 0% magenta, 73.63% yellow, and 64.31% black,

It has a hue angle of 94.9 degrees, a saturation of 58.27%, and a lightness of 22.55%.

The closest websafe color is #336600.

#345B18 RGB Values

#345B18 CMYK Values



#345B18 Color Conversion


The hexadecimal color #345B18 has RGB values of R:52, G:91, B:24 and CMYK values of C:42.87, M:0, Y:73.63, K:64.31. It has a decimal value of 3431192.


Hexadecimal #345B18 #345B18
RGB Decimal 52, 91, 24 rgb(52, 91, 24)
RGB Percent 20.3922, 35.6863, 9.4118 rgb(20.3922%, 35.6863%, 9.4118%)
RGB Proportion 0.2039, 0.3569, 0.0941 rgb(0.2039, 0.3569, 0.0941)
CMYK 42.87, 0, 73.63, 64.31
HSL 94.9ยบ, 58.27, 22.55 hsl(94.9, 58.27%, 22.55%)
Websafe 336600 #336600
XYZ 5.323, 8.28, 2.182
Yxy 8.28, 0.337, 0.525
CIE-LAB 34.559, -26.631, 32.847
CIE-LCH 34.559, 42.286, 129.034
CIE-LUV 34.559, -18.582, 35.639
Hunter-Lab 28.775, -17.336, 15.647

Color Schemes For #345B18


Colors that go well with #345B18.

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

Alternatives to #345B18


Colors similar to #345B18.


#345B18 Preview


Common HTML and CSS shortcodes for #345B18.

Text with color #345B18


The quick brown fox jumps over the lazy dog.

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

#345B18 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #345B18


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #345B18


Linear gradient from #345B18 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #345B18


Radial gradient from #345B18 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #345B18 and its Complementary Color


Linear gradient from #345B18 to #CBA4E7.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #345B18 and its Complementary Color


Radial gradient from #345B18 to #CBA4E7.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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