#345B27 Color Information


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

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

It has a hue angle of 105 degrees, a saturation of 40.02%, and a lightness of 25.49%.

The closest websafe color is #336633.

#345B27 RGB Values

#345B27 CMYK Values



#345B27 Color Conversion


The hexadecimal color #345B27 has RGB values of R:52, G:91, B:39 and CMYK values of C:42.87, M:0, Y:57.16, K:64.31. It has a decimal value of 3431207.


Hexadecimal #345B27 #345B27
RGB Decimal 52, 91, 39 rgb(52, 91, 39)
RGB Percent 20.3922, 35.6863, 15.2941 rgb(20.3922%, 35.6863%, 15.2941%)
RGB Proportion 0.2039, 0.3569, 0.1529 rgb(0.2039, 0.3569, 0.1529)
CMYK 42.87, 0, 57.16, 64.31
HSL 105ยบ, 40.02, 25.49 hsl(105, 40.02%, 25.49%)
Websafe 336633 #336633
XYZ 5.524, 8.36, 3.241
Yxy 8.36, 0.323, 0.488
CIE-LAB 34.722, -24.952, 25.469
CIE-LCH 34.722, 35.655, 134.413
CIE-LUV 34.722, -18.388, 30.071
Hunter-Lab 28.914, -16.496, 13.594

Color Schemes For #345B27


Colors that go well with #345B27.

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

Alternatives to #345B27


Colors similar to #345B27.


#345B27 Preview


Common HTML and CSS shortcodes for #345B27.

Text with color #345B27


The quick brown fox jumps over the lazy dog.

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

#345B27 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #345B27


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #345B27


Linear gradient from #345B27 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #345B27


Radial gradient from #345B27 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #345B27 and its Complementary Color


Linear gradient from #345B27 to #CBA4D8.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #345B27 and its Complementary Color


Radial gradient from #345B27 to #CBA4D8.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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