#1586ba hex color

In a RGB color space, hex #1586ba is composed of 8.2% red, 52.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 88.7% cyan, 28% magenta, 0% yellow and 27.1% black. It has a hue angle of 198.9 degrees, a saturation of 79.7% and a lightness of 40.6%. #1586ba color hex could be obtained by blending #2affff with #000d75. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 53
- B 73
RGB color chart
- C 89
- M 28
- Y 0
- K 27
CMYK color chart

● #1586ba color description : Strong blue.

The hexadecimal color #1586ba has RGB values of R:21, G:134, B:186 and CMYK values of C:0.89, M:0.28, Y:0, K:0.27. Its decimal value is 1410746.

Hex triplet	1586ba	`#1586ba`
RGB Decimal	21, 134, 186	`rgb(21,134,186)`
RGB Percent	8.2, 52.5, 72.9	`rgb(8.2%,52.5%,72.9%)`
CMYK	89, 28, 0, 27
HSL	198.9°, 79.7, 40.6	`hsl(198.9,79.7%,40.6%)`
HSV (or HSB)	198.9°, 88.7, 72.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.678, -10.526, -35.399
XYZ	17.695, 20.753, 49.525
xyY	0.201, 0.236, 20.753
CIE-LCH	52.678, 36.931, 253.44
CIE-LUV	52.678, -33.987, -52.89
Hunter-Lab	45.556, -10.388, -32.567
Binary	00010101, 10000110, 10111010

#1586ba
```
#1586ba rgb(21,134,186)
```
#ba4915
```
#ba4915 rgb(186,73,21)
```

Complementary Color

#15ba9c
```
#15ba9c rgb(21,186,156)
```
#1586ba
```
#1586ba rgb(21,134,186)
```
#1534ba
```
#1534ba rgb(21,52,186)
```

Analogous Color

#ba9c15
```
#ba9c15 rgb(186,156,21)
```
#1586ba
```
#1586ba rgb(21,134,186)
```
#ba1534
```
#ba1534 rgb(186,21,52)
```

Split Complementary Color

#86ba15
```
#86ba15 rgb(134,186,21)
```
#1586ba
```
#1586ba rgb(21,134,186)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```

Triadic Color

#15ba49
```
#15ba49 rgb(21,186,73)
```
#1586ba
```
#1586ba rgb(21,134,186)
```
#ba1586
```
#ba1586 rgb(186,21,134)
```
#ba4915
```
#ba4915 rgb(186,73,21)
```

Tetradic Color

#0d5475
```
#0d5475 rgb(13,84,117)
```
#10658c
```
#10658c rgb(16,101,140)
```
#1275a3
```
#1275a3 rgb(18,117,163)
```
#1586ba
```
#1586ba rgb(21,134,186)
```
#1897d1
```
#1897d1 rgb(24,151,209)
```
#1da6e5
```
#1da6e5 rgb(29,166,229)
```
#33afe8
```
#33afe8 rgb(51,175,232)
```

Monochromatic Color

Below, you can see some colors close to #1586ba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#15afba
```
#15afba rgb(21,175,186)
```
#15a2ba
```
#15a2ba rgb(21,162,186)
```
#1594ba
```
#1594ba rgb(21,148,186)
```
#1586ba
```
#1586ba rgb(21,134,186)
```
#1578ba
```
#1578ba rgb(21,120,186)
```
#156bba
```
#156bba rgb(21,107,186)
```
#155dba
```
#155dba rgb(21,93,186)
```

Similar Colors

Text with hexadecimal color #1586ba

This text has a font color of #1586ba.

<span style="color:#1586ba;">Text here</span>

#1586ba background color

This paragraph has a background color of #1586ba.

<p style="background-color:#1586ba;">Content here</p>

#1586ba border color

This element has a border color of #1586ba.

<div style="border:1px solid #1586ba;">Content here</div>

CSS codes

.text {color:#1586ba;}

.background {background-color:#1586ba;}

.border {border:1px solid #1586ba;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#03141b
```
#03141b rgb(3,20,27)
```
#05202d
```
#05202d rgb(5,32,45)
```
#072d3f
```
#072d3f rgb(7,45,63)
```
#093a50
```
#093a50 rgb(9,58,80)
```
#0b4762
```
#0b4762 rgb(11,71,98)
```
#0d5373
```
#0d5373 rgb(13,83,115)
```
#0f6085
```
#0f6085 rgb(15,96,133)
```
#116d97
```
#116d97 rgb(17,109,151)
```
#1379a8
```
#1379a8 rgb(19,121,168)
```
#1586ba
```
#1586ba rgb(21,134,186)
```
#1793cc
```
#1793cc rgb(23,147,204)
```
#199fdd
```
#199fdd rgb(25,159,221)
```

Shade Color Variation

#24a9e6
```
#24a9e6 rgb(36,169,230)
```
#35b0e8
```
#35b0e8 rgb(53,176,232)
```
#47b7ea
```
#47b7ea rgb(71,183,234)
```
#58beec
```
#58beec rgb(88,190,236)
```
#6ac5ee
```
#6ac5ee rgb(106,197,238)
```
#7ccbf0
```
#7ccbf0 rgb(124,203,240)
```
#8dd2f2
```
#8dd2f2 rgb(141,210,242)
```
#9fd9f4
```
#9fd9f4 rgb(159,217,244)
```
#b1e0f6
```
#b1e0f6 rgb(177,224,246)
```
#c2e7f8
```
#c2e7f8 rgb(194,231,248)
```
#d4eefa
```
#d4eefa rgb(212,238,250)
```
#e5f5fc
```
#e5f5fc rgb(229,245,252)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65696a is the less saturated color, while #058cca is the most saturated one.

#65696a
```
#65696a rgb(101,105,106)
```
#5d6c72
```
#5d6c72 rgb(93,108,114)
```
#556e7a
```
#556e7a rgb(85,110,122)
```
#4d7182
```
#4d7182 rgb(77,113,130)
```
#45748a
```
#45748a rgb(69,116,138)
```
#3d7792
```
#3d7792 rgb(61,119,146)
```
#357a9a
```
#357a9a rgb(53,122,154)
```
#2d7da2
```
#2d7da2 rgb(45,125,162)
```
#2580aa
```
#2580aa rgb(37,128,170)
```
#1d83b2
```
#1d83b2 rgb(29,131,178)
```
#1586ba
```
#1586ba rgb(21,134,186)
```
#0d89c2
```
#0d89c2 rgb(13,137,194)
```
#058cca
```
#058cca rgb(5,140,202)
```

Tone Color Variation

Below, you can see how #1586ba is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#6a6a6a Achromatopsia 0.005% of the population
#59707a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7282b6 Protanopia 1% of men
#6584c1 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#5083b7 Protanomaly 1% of men, 0.01% of women
#4884be Deuteranomaly 6% of men, 0.4% of women
#078da6 Tritanomaly 0.01% of the population

#1586ba hex color

#1586ba Color Information

#1586ba Color Conversion

Color Schemes with #1586ba

Alternatives to #1586ba

#1586ba Preview

Shades and Tints of #1586ba

Tones of #1586ba

Color Blindness Simulator