#354344 Color Information


In the RGB color space, #354344 is composed of 20.7843% red, 26.2745% green, and 26.6667% blue.

In the CMYK color space, #354344 is composed of 22.08% cyan, 1.5% magenta, 0% yellow, and 73.33% black,

It has a hue angle of 184.1 degrees, a saturation of 12.41%, and a lightness of 23.73%.

The closest websafe color is #333333.

#354344 RGB Values

#354344 CMYK Values



#354344 Color Conversion


The hexadecimal color #354344 has RGB values of R:53, G:67, B:68 and CMYK values of C:22.08, M:1.5, Y:0, K:73.33. It has a decimal value of 3490628.


Hexadecimal #354344 #354344
RGB Decimal 53, 67, 68 rgb(53, 67, 68)
RGB Percent 20.7843, 26.2745, 26.6667 rgb(20.7843%, 26.2745%, 26.6667%)
RGB Proportion 0.2078, 0.2627, 0.2667 rgb(0.2078, 0.2627, 0.2667)
CMYK 22.08, 1.5, 0, 73.33
HSL 184.1ยบ, 12.41, 23.73 hsl(184.1, 12.41%, 23.73%)
Websafe 333333 #333333
XYZ 4.518, 5.187, 6.233
Yxy 5.187, 0.283, 0.325
CIE-LAB 27.261, -5.347, -2.492
CIE-LCH 27.261, 5.899, 204.988
CIE-LUV 27.261, -6.715, -2.208
Hunter-Lab 22.775, -4.446, -0.284

Color Schemes For #354344


Colors that go well with #354344.

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

Alternatives to #354344


Colors similar to #354344.


#354344 Preview


Common HTML and CSS shortcodes for #354344.

Text with color #354344


The quick brown fox jumps over the lazy dog.

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

#354344 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #354344


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #354344


Linear gradient from #354344 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #354344


Radial gradient from #354344 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #354344 and its Complementary Color


Linear gradient from #354344 to #CABCBB.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #354344 and its Complementary Color


Radial gradient from #354344 to #CABCBB.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #010202 while the lightest tint is #FCFCFC.

Shades


Tints

Random Colors