#315F3D Color Information


In the RGB color space, #315F3D is composed of 19.2157% red, 37.2549% green, and 23.9216% blue.

In the CMYK color space, #315F3D is composed of 48.4% cyan, 0% magenta, 35.79% yellow, and 62.75% black,

It has a hue angle of 135.6 degrees, a saturation of 31.93%, and a lightness of 28.23%.

The closest websafe color is #336633.

#315F3D RGB Values

#315F3D CMYK Values



#315F3D Color Conversion


The hexadecimal color #315F3D has RGB values of R:49, G:95, B:61 and CMYK values of C:48.4, M:0, Y:35.79, K:62.75. It has a decimal value of 3235645.


Hexadecimal #315F3D #315F3D
RGB Decimal 49, 95, 61 rgb(49, 95, 61)
RGB Percent 19.2157, 37.2549, 23.9216 rgb(19.2157%, 37.2549%, 23.9216%)
RGB Proportion 0.1922, 0.3725, 0.2392 rgb(0.1922, 0.3725, 0.2392)
CMYK 48.4, 0, 35.79, 62.75
HSL 135.6ยบ, 31.93, 28.23 hsl(135.6, 31.93%, 28.23%)
Websafe 336633 #336633
XYZ 6.2, 9.172, 5.858
Yxy 9.172, 0.292, 0.432
CIE-LAB 36.313, -24.215, 14.693
CIE-LCH 36.313, 28.324, 148.752
CIE-LUV 36.313, -20.837, 20.421
Hunter-Lab 30.285, -16.457, 9.731

Color Schemes For #315F3D


Colors that go well with #315F3D.

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

Alternatives to #315F3D


Colors similar to #315F3D.


#315F3D Preview


Common HTML and CSS shortcodes for #315F3D.

Text with color #315F3D


The quick brown fox jumps over the lazy dog.

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

#315F3D as background color


The quick brown fox jumps over the lazy dog.

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

Border with #315F3D


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #315F3D


Linear gradient from #315F3D to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #315F3D


Radial gradient from #315F3D to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #315F3D and its Complementary Color


Linear gradient from #315F3D to #CEA0C2.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #315F3D and its Complementary Color


Radial gradient from #315F3D to #CEA0C2.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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