#304129 Color Information


In the RGB color space, #304129 is composed of 18.8235% red, 25.4902% green, and 16.0784% blue.

In the CMYK color space, #304129 is composed of 26.17% cyan, 0% magenta, 36.92% yellow, and 74.51% black,

It has a hue angle of 102.5 degrees, a saturation of 22.64%, and a lightness of 20.79%.

The closest websafe color is #333333.

#304129 RGB Values

#304129 CMYK Values



#304129 Color Conversion


The hexadecimal color #304129 has RGB values of R:48, G:65, B:41 and CMYK values of C:26.17, M:0, Y:36.92, K:74.51. It has a decimal value of 3162409.


Hexadecimal #304129 #304129
RGB Decimal 48, 65, 41 rgb(48, 65, 41)
RGB Percent 18.8235, 25.4902, 16.0784 rgb(18.8235%, 25.4902%, 16.0784%)
RGB Proportion 0.1882, 0.2549, 0.1608 rgb(0.1882, 0.2549, 0.1608)
CMYK 26.17, 0, 36.92, 74.51
HSL 102.5ยบ, 22.64, 20.79 hsl(102.5, 22.64%, 20.79%)
Websafe 333333 #333333
XYZ 3.509, 4.569, 2.795
Yxy 4.569, 0.323, 0.42
CIE-LAB 25.47, -12.26, 12.502
CIE-LCH 25.47, 17.51, 134.44
CIE-LUV 25.47, -7.723, 14.216
Hunter-Lab 21.375, -8.104, 7.21

Color Schemes For #304129


Colors that go well with #304129.

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

Alternatives to #304129


Colors similar to #304129.


#304129 Preview


Common HTML and CSS shortcodes for #304129.

Text with color #304129


The quick brown fox jumps over the lazy dog.

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

#304129 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #304129


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #304129


Linear gradient from #304129 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #304129


Radial gradient from #304129 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #304129 and its Complementary Color


Linear gradient from #304129 to #CFBED6.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #304129 and its Complementary Color


Radial gradient from #304129 to #CFBED6.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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