#2586D5 Color Information


In the RGB color space, #2586D5 is composed of 14.5098% red, 52.549% green, and 83.5294% blue.

In the CMYK color space, #2586D5 is composed of 82.63% cyan, 37.09% magenta, 0% yellow, and 16.47% black,

It has a hue angle of 206.9 degrees, a saturation of 70.4%, and a lightness of 49.02%.

The closest websafe color is #3399CC.

#2586D5 RGB Values

#2586D5 CMYK Values



#2586D5 Color Conversion


The hexadecimal color #2586D5 has RGB values of R:37, G:134, B:213 and CMYK values of C:82.63, M:37.09, Y:0, K:16.47. It has a decimal value of 2459349.


Hexadecimal #2586D5 #2586D5
RGB Decimal 37, 134, 213 rgb(37, 134, 213)
RGB Percent 14.5098, 52.549, 83.5294 rgb(14.5098%, 52.549%, 83.5294%)
RGB Proportion 0.1451, 0.5255, 0.8353 rgb(0.1451, 0.5255, 0.8353)
CMYK 82.63, 37.09, 0, 16.47
HSL 206.9ยบ, 70.4, 49.02 hsl(206.9, 70.4%, 49.02%)
Websafe 3399CC #3399CC
XYZ 21.299, 22.248, 66.124
Yxy 22.248, 0.194, 0.203
CIE-LAB 54.289, 0.729, -48.179
CIE-LCH 54.289, 48.185, 270.867
CIE-LUV 54.289, -30.974, -75.169
Hunter-Lab 47.168, -1.94, -50.101

Color Schemes For #2586D5


Colors that go well with #2586D5.

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

Alternatives to #2586D5


Colors similar to #2586D5.


#2586D5 Preview


Common HTML and CSS shortcodes for #2586D5.

Text with color #2586D5


The quick brown fox jumps over the lazy dog.

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

#2586D5 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #2586D5


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2586D5


Linear gradient from #2586D5 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2586D5


Radial gradient from #2586D5 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #2586D5 and its Complementary Color


Linear gradient from #2586D5 to #DA792A.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #2586D5 and its Complementary Color


Radial gradient from #2586D5 to #DA792A.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors