#1586A7 Color Information


In the RGB color space, #1586A7 is composed of 8.2353% red, 52.549% green, and 65.4902% blue.

In the CMYK color space, #1586A7 is composed of 87.42% cyan, 19.76% magenta, 0% yellow, and 34.51% black,

It has a hue angle of 193.6 degrees, a saturation of 77.65%, and a lightness of 36.87%.

The closest websafe color is #009999.

#1586A7 RGB Values

#1586A7 CMYK Values



#1586A7 Color Conversion


The hexadecimal color #1586A7 has RGB values of R:21, G:134, B:167 and CMYK values of C:87.42, M:19.76, Y:0, K:34.51. It has a decimal value of 1410727.


Hexadecimal #1586A7 #1586A7
RGB Decimal 21, 134, 167 rgb(21, 134, 167)
RGB Percent 8.2353, 52.549, 65.4902 rgb(8.2353%, 52.549%, 65.4902%)
RGB Proportion 0.0824, 0.5255, 0.6549 rgb(0.0824, 0.5255, 0.6549)
CMYK 87.42, 19.76, 0, 34.51
HSL 193.6ยบ, 77.65, 36.87 hsl(193.6, 77.65%, 36.87%)
Websafe 009999 #009999
XYZ 15.81, 20.0, 39.586
Yxy 20.0, 0.21, 0.265
CIE-LAB 51.837, -17.422, -25.783
CIE-LCH 51.837, 31.117, 235.952
CIE-LUV 51.837, -35.255, -36.478
Hunter-Lab 44.721, -15.159, -21.177

Color Schemes For #1586A7


Colors that go well with #1586A7.

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

Alternatives to #1586A7


Colors similar to #1586A7.


#1586A7 Preview


Common HTML and CSS shortcodes for #1586A7.

Text with color #1586A7


The quick brown fox jumps over the lazy dog.

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

#1586A7 as background color


The quick brown fox jumps over the lazy dog.

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

Border with #1586A7


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1586A7


Linear gradient from #1586A7 to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1586A7


Radial gradient from #1586A7 to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #1586A7 and its Complementary Color


Linear gradient from #1586A7 to #EA7958.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #1586A7 and its Complementary Color


Radial gradient from #1586A7 to #EA7958.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

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


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

Shades


Tints

Random Colors