#1586b4 hex color

In a RGB color space, hex #1586b4 is composed of 8.2% red, 52.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 88.3% cyan, 25.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 197.4 degrees, a saturation of 79.1% and a lightness of 39.4%. #1586b4 color hex could be obtained by blending #2affff with #000d69. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 53
- B 71
RGB color chart
- C 88
- M 26
- Y 0
- K 29
CMYK color chart

● #1586b4 color description : Strong blue.

The hexadecimal color #1586b4 has RGB values of R:21, G:134, B:180 and CMYK values of C:0.88, M:0.26, Y:0, K:0.29. Its decimal value is 1410740.

Hex triplet	1586b4	`#1586b4`
RGB Decimal	21, 134, 180	`rgb(21,134,180)`
RGB Percent	8.2, 52.5, 70.6	`rgb(8.2%,52.5%,70.6%)`
CMYK	88, 26, 0, 29
HSL	197.4°, 79.1, 39.4	`hsl(197.4,79.1%,39.4%)`
HSV (or HSB)	197.4°, 88.3, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.402, -12.733, -32.393
XYZ	17.07, 20.503, 46.235
xyY	0.204, 0.245, 20.503
CIE-LCH	52.402, 34.805, 248.542
CIE-LUV	52.402, -34.379, -47.729
Hunter-Lab	45.281, -11.948, -28.844
Binary	00010101, 10000110, 10110100

#1586b4
```
#1586b4 rgb(21,134,180)
```
#b44315
```
#b44315 rgb(180,67,21)
```

Complementary Color

#15b493
```
#15b493 rgb(21,180,147)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#1537b4
```
#1537b4 rgb(21,55,180)
```

Analogous Color

#b49315
```
#b49315 rgb(180,147,21)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#b41537
```
#b41537 rgb(180,21,55)
```

Split Complementary Color

#86b415
```
#86b415 rgb(134,180,21)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#b41586
```
#b41586 rgb(180,21,134)
```

Triadic Color

#15b443
```
#15b443 rgb(21,180,67)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#b41586
```
#b41586 rgb(180,21,134)
```
#b44315
```
#b44315 rgb(180,67,21)
```

Tetradic Color

#0d536f
```
#0d536f rgb(13,83,111)
```
#106486
```
#106486 rgb(16,100,134)
```
#12759d
```
#12759d rgb(18,117,157)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#1897cb
```
#1897cb rgb(24,151,203)
```
#1aa8e2
```
#1aa8e2 rgb(26,168,226)
```
#2fb2e7
```
#2fb2e7 rgb(47,178,231)
```

Monochromatic Color

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

#15aeb4
```
#15aeb4 rgb(21,174,180)
```
#15a1b4
```
#15a1b4 rgb(21,161,180)
```
#1593b4
```
#1593b4 rgb(21,147,180)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#1579b4
```
#1579b4 rgb(21,121,180)
```
#156cb4
```
#156cb4 rgb(21,108,180)
```
#155eb4
```
#155eb4 rgb(21,94,180)
```

Similar Colors

Text with hexadecimal color #1586b4

This text has a font color of #1586b4.

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

#1586b4 background color

This paragraph has a background color of #1586b4.

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

#1586b4 border color

This element has a border color of #1586b4.

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

CSS codes

.text {color:#1586b4;}

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

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

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, #010304 is the darkest color, while #f2fafd is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#031016
```
#031016 rgb(3,16,22)
```
#051d27
```
#051d27 rgb(5,29,39)
```
#072a39
```
#072a39 rgb(7,42,57)
```
#09384b
```
#09384b rgb(9,56,75)
```
#0b455c
```
#0b455c rgb(11,69,92)
```
#0d526e
```
#0d526e rgb(13,82,110)
```
#0f5f7f
```
#0f5f7f rgb(15,95,127)
```
#116c91
```
#116c91 rgb(17,108,145)
```
#1379a2
```
#1379a2 rgb(19,121,162)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#1793c6
```
#1793c6 rgb(23,147,198)
```
#19a0d7
```
#19a0d7 rgb(25,160,215)
```

Shade Color Variation

#1face5
```
#1face5 rgb(31,172,229)
```
#31b2e7
```
#31b2e7 rgb(49,178,231)
```
#42b9e9
```
#42b9e9 rgb(66,185,233)
```
#54bfeb
```
#54bfeb rgb(84,191,235)
```
#65c6ed
```
#65c6ed rgb(101,198,237)
```
#77ccef
```
#77ccef rgb(119,204,239)
```
#88d3f1
```
#88d3f1 rgb(136,211,241)
```
#9ad9f3
```
#9ad9f3 rgb(154,217,243)
```
#ace0f5
```
#ace0f5 rgb(172,224,245)
```
#bde6f7
```
#bde6f7 rgb(189,230,247)
```
#cfedf9
```
#cfedf9 rgb(207,237,249)
```
#e0f4fb
```
#e0f4fb rgb(224,244,251)
```
#f2fafd
```
#f2fafd rgb(242,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626567 is the less saturated color, while #068dc3 is the most saturated one.

#626567
```
#626567 rgb(98,101,103)
```
#5b696e
```
#5b696e rgb(91,105,110)
```
#536c76
```
#536c76 rgb(83,108,118)
```
#4b6f7e
```
#4b6f7e rgb(75,111,126)
```
#437286
```
#437286 rgb(67,114,134)
```
#3c768d
```
#3c768d rgb(60,118,141)
```
#347995
```
#347995 rgb(52,121,149)
```
#2c7c9d
```
#2c7c9d rgb(44,124,157)
```
#247fa5
```
#247fa5 rgb(36,127,165)
```
#1d83ac
```
#1d83ac rgb(29,131,172)
```
#1586b4
```
#1586b4 rgb(21,134,180)
```
#0d89bc
```
#0d89bc rgb(13,137,188)
```
#068dc3
```
#068dc3 rgb(6,141,195)
```

Tone Color Variation

Below, you can see how #1586b4 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

#696969 Achromatopsia 0.005% of the population
#586f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7482b0 Protanopia 1% of men
#6983bb Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#5283b1 Protanomaly 1% of men, 0.01% of women
#4a84b8 Deuteranomaly 6% of men, 0.4% of women
#078ca3 Tritanomaly 0.01% of the population

#1586b4 hex color

#1586b4 Color Information

#1586b4 Color Conversion

Color Schemes with #1586b4

Alternatives to #1586b4

#1586b4 Preview

Shades and Tints of #1586b4

Tones of #1586b4

Color Blindness Simulator