#2C5DAD Color Information


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

In the CMYK color space, #2C5DAD is composed of 74.57% cyan, 46.24% magenta, 0% yellow, and 32.16% black,

It has a hue angle of 217.2 degrees, a saturation of 59.45%, and a lightness of 42.55%.

The closest websafe color is #336699.

#2C5DAD RGB Values

#2C5DAD CMYK Values



#2C5DAD Color Conversion


The hexadecimal color #2C5DAD has RGB values of R:44, G:93, B:173 and CMYK values of C:74.57, M:46.24, Y:0, K:32.16. It has a decimal value of 2907565.


Hexadecimal #2C5DAD #2C5DAD
RGB Decimal 44, 93, 173 rgb(44, 93, 173)
RGB Percent 17.2549, 36.4706, 67.8431 rgb(17.2549%, 36.4706%, 67.8431%)
RGB Proportion 0.1725, 0.3647, 0.6784 rgb(0.1725, 0.3647, 0.6784)
CMYK 74.57, 46.24, 0, 32.16
HSL 217.2ยบ, 59.45, 42.55 hsl(217.2, 59.45%, 42.55%)
Websafe 336699 #336699
XYZ 12.494, 11.38, 41.069
Yxy 11.38, 0.192, 0.175
CIE-LAB 40.213, 11.93, -47.585
CIE-LCH 40.213, 49.058, 284.074
CIE-LUV 40.213, -18.157, -70.087
Hunter-Lab 33.734, 7.075, -48.567

Color Schemes For #2C5DAD


Colors that go well with #2C5DAD.

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

Alternatives to #2C5DAD


Colors similar to #2C5DAD.


#2C5DAD Preview


Common HTML and CSS shortcodes for #2C5DAD.

Text with color #2C5DAD


The quick brown fox jumps over the lazy dog.

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

#2C5DAD as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2C5DAD


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5DAD


Linear gradient from #2C5DAD to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5DAD


Radial gradient from #2C5DAD to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2C5DAD and its Complementary Color


Linear gradient from #2C5DAD to #D3A252.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2C5DAD and its Complementary Color


Radial gradient from #2C5DAD to #D3A252.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors