#356485 Color Information


In the RGB color space, #356485 is composed of 20.7843% red, 39.2157% green, and 52.1569% blue.

In the CMYK color space, #356485 is composed of 60.16% cyan, 24.81% magenta, 0% yellow, and 47.84% black,

It has a hue angle of 204.7 degrees, a saturation of 43.02%, and a lightness of 36.47%.

The closest websafe color is #336699.

#356485 RGB Values

#356485 CMYK Values



#356485 Color Conversion


The hexadecimal color #356485 has RGB values of R:53, G:100, B:133 and CMYK values of C:60.16, M:24.81, Y:0, K:47.84. It has a decimal value of 3499141.


Hexadecimal #356485 #356485
RGB Decimal 53, 100, 133 rgb(53, 100, 133)
RGB Percent 20.7843, 39.2157, 52.1569 rgb(20.7843%, 39.2157%, 52.1569%)
RGB Proportion 0.2078, 0.3922, 0.5216 rgb(0.2078, 0.3922, 0.5216)
CMYK 60.16, 24.81, 0, 47.84
HSL 204.7ยบ, 43.02, 36.47 hsl(204.7, 43.02%, 36.47%)
Websafe 336699 #336699
XYZ 10.26, 11.567, 23.885
Yxy 11.567, 0.224, 0.253
CIE-LAB 40.519, -5.548, -23.172
CIE-LCH 40.519, 23.827, 256.535
CIE-LUV 40.519, -19.576, -32.005
Hunter-Lab 34.01, -5.669, -17.831

Color Schemes For #356485


Colors that go well with #356485.

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

Alternatives to #356485


Colors similar to #356485.


#356485 Preview


Common HTML and CSS shortcodes for #356485.

Text with color #356485


The quick brown fox jumps over the lazy dog.

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

#356485 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #356485


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #356485


Linear gradient from #356485 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #356485


Radial gradient from #356485 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #356485 and its Complementary Color


Linear gradient from #356485 to #CA9B7A.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #356485 and its Complementary Color


Radial gradient from #356485 to #CA9B7A.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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 #FCFCFD.

Shades


Tints

Random Colors