#2C5D9E Color Information


In the RGB color space, #2C5D9E is composed of 17.2549% red, 36.4706% green, and 61.9608% blue.

In the CMYK color space, #2C5D9E is composed of 72.16% cyan, 41.14% magenta, 0% yellow, and 38.04% black,

It has a hue angle of 214.2 degrees, a saturation of 56.44%, and a lightness of 39.61%.

The closest websafe color is #336699.

#2C5D9E RGB Values

#2C5D9E CMYK Values



#2C5D9E Color Conversion


The hexadecimal color #2C5D9E has RGB values of R:44, G:93, B:158 and CMYK values of C:72.16, M:41.14, Y:0, K:38.04. It has a decimal value of 2907550.


Hexadecimal #2C5D9E #2C5D9E
RGB Decimal 44, 93, 158 rgb(44, 93, 158)
RGB Percent 17.2549, 36.4706, 61.9608 rgb(17.2549%, 36.4706%, 61.9608%)
RGB Proportion 0.1725, 0.3647, 0.6196 rgb(0.1725, 0.3647, 0.6196)
CMYK 72.16, 41.14, 0, 38.04
HSL 214.2ยบ, 56.44, 39.61 hsl(214.2, 56.44%, 39.61%)
Websafe 336699 #336699
XYZ 11.124, 10.832, 33.851
Yxy 10.832, 0.199, 0.194
CIE-LAB 39.296, 6.229, -40.15
CIE-LCH 39.296, 40.63, 278.819
CIE-LUV 39.296, -18.456, -58.255
Hunter-Lab 32.912, 2.736, -37.943

Color Schemes For #2C5D9E


Colors that go well with #2C5D9E.

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

Alternatives to #2C5D9E


Colors similar to #2C5D9E.


#2C5D9E Preview


Common HTML and CSS shortcodes for #2C5D9E.

Text with color #2C5D9E


The quick brown fox jumps over the lazy dog.

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

#2C5D9E as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2C5D9E


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5D9E


Linear gradient from #2C5D9E to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5D9E


Radial gradient from #2C5D9E to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5D9E and its Complementary Color


Linear gradient from #2C5D9E to #D3A261.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5D9E and its Complementary Color


Radial gradient from #2C5D9E to #D3A261.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors