#1586bf hex color

In a RGB color space, hex #1586bf is composed of 8.2% red, 52.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 29.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 200.1 degrees, a saturation of 80.2% and a lightness of 41.6%. #1586bf color hex could be obtained by blending #2affff with #000d7f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 53
- B 75
RGB color chart
- C 89
- M 30
- Y 0
- K 25
CMYK color chart

● #1586bf color description : Strong blue.

The hexadecimal color #1586bf has RGB values of R:21, G:134, B:191 and CMYK values of C:0.89, M:0.3, Y:0, K:0.25. Its decimal value is 1410751.

Hex triplet	1586bf	`#1586bf`
RGB Decimal	21, 134, 191	`rgb(21,134,191)`
RGB Percent	8.2, 52.5, 74.9	`rgb(8.2%,52.5%,74.9%)`
CMYK	89, 30, 0, 25
HSL	200.1°, 80.2, 41.6	`hsl(200.1,80.2%,41.6%)`
HSV (or HSB)	200.1°, 89, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.916, -8.671, -37.884
XYZ	18.236, 20.97, 52.374
xyY	0.199, 0.229, 20.97
CIE-LCH	52.916, 38.863, 257.108
CIE-LUV	52.916, -33.669, -57.168
Hunter-Lab	45.792, -9.053, -35.756
Binary	00010101, 10000110, 10111111

#1586bf
```
#1586bf rgb(21,134,191)
```
#bf4e15
```
#bf4e15 rgb(191,78,21)
```

Complementary Color

#15bfa3
```
#15bfa3 rgb(21,191,163)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#1531bf
```
#1531bf rgb(21,49,191)
```

Analogous Color

#bfa315
```
#bfa315 rgb(191,163,21)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#bf1531
```
#bf1531 rgb(191,21,49)
```

Split Complementary Color

#86bf15
```
#86bf15 rgb(134,191,21)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#bf1586
```
#bf1586 rgb(191,21,134)
```

Triadic Color

#15bf4e
```
#15bf4e rgb(21,191,78)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#bf1586
```
#bf1586 rgb(191,21,134)
```
#bf4e15
```
#bf4e15 rgb(191,78,21)
```

Tetradic Color

#0d567a
```
#0d567a rgb(13,86,122)
```
#106691
```
#106691 rgb(16,102,145)
```
#1276a8
```
#1276a8 rgb(18,118,168)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#1896d6
```
#1896d6 rgb(24,150,214)
```
#20a4e7
```
#20a4e7 rgb(32,164,231)
```
#37aee9
```
#37aee9 rgb(55,174,233)
```

Monochromatic Color

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

#15b1bf
```
#15b1bf rgb(21,177,191)
```
#15a2bf
```
#15a2bf rgb(21,162,191)
```
#1594bf
```
#1594bf rgb(21,148,191)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#1578bf
```
#1578bf rgb(21,120,191)
```
#156abf
```
#156abf rgb(21,106,191)
```
#155cbf
```
#155cbf rgb(21,92,191)
```

Similar Colors

Text with hexadecimal color #1586bf

This text has a font color of #1586bf.

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

#1586bf background color

This paragraph has a background color of #1586bf.

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

#1586bf border color

This element has a border color of #1586bf.

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

CSS codes

.text {color:#1586bf;}

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

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

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, #020a0e is the darkest color, while #fcfeff is the lightest one.

#020a0e
```
#020a0e rgb(2,10,14)
```
#041620
```
#041620 rgb(4,22,32)
```
#052332
```
#052332 rgb(5,35,50)
```
#072f43
```
#072f43 rgb(7,47,67)
```
#093c55
```
#093c55 rgb(9,60,85)
```
#0b4867
```
#0b4867 rgb(11,72,103)
```
#0d5478
```
#0d5478 rgb(13,84,120)
```
#0f618a
```
#0f618a rgb(15,97,138)
```
#116d9c
```
#116d9c rgb(17,109,156)
```
#137aad
```
#137aad rgb(19,122,173)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#1792d1
```
#1792d1 rgb(23,146,209)
```
#199fe2
```
#199fe2 rgb(25,159,226)
```

Shade Color Variation

#28a7e7
```
#28a7e7 rgb(40,167,231)
```
#39aee9
```
#39aee9 rgb(57,174,233)
```
#4bb5eb
```
#4bb5eb rgb(75,181,235)
```
#5dbded
```
#5dbded rgb(93,189,237)
```
#6ec4ef
```
#6ec4ef rgb(110,196,239)
```
#80cbf1
```
#80cbf1 rgb(128,203,241)
```
#92d2f3
```
#92d2f3 rgb(146,210,243)
```
#a3daf5
```
#a3daf5 rgb(163,218,245)
```
#b5e1f7
```
#b5e1f7 rgb(181,225,247)
```
#c7e8f9
```
#c7e8f9 rgb(199,232,249)
```
#d8effb
```
#d8effb rgb(216,239,251)
```
#eaf6fd
```
#eaf6fd rgb(234,246,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#676b6d
```
#676b6d rgb(103,107,109)
```
#5e6e76
```
#5e6e76 rgb(94,110,118)
```
#56717e
```
#56717e rgb(86,113,126)
```
#4e7386
```
#4e7386 rgb(78,115,134)
```
#46768e
```
#46768e rgb(70,118,142)
```
#3e7996
```
#3e7996 rgb(62,121,150)
```
#367b9e
```
#367b9e rgb(54,123,158)
```
#2d7ea7
```
#2d7ea7 rgb(45,126,167)
```
#2581af
```
#2581af rgb(37,129,175)
```
#1d83b7
```
#1d83b7 rgb(29,131,183)
```
#1586bf
```
#1586bf rgb(21,134,191)
```
#0d89c7
```
#0d89c7 rgb(13,137,199)
```
#058bcf
```
#058bcf rgb(5,139,207)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#5a707c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7183bb Protanopia 1% of men
#6184c5 Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#4f84bc Protanomaly 1% of men, 0.01% of women
#4585c3 Deuteranomaly 6% of men, 0.4% of women
#078da8 Tritanomaly 0.01% of the population

#1586bf hex color

#1586bf Color Information

#1586bf Color Conversion

Color Schemes with #1586bf

Alternatives to #1586bf

#1586bf Preview

Shades and Tints of #1586bf

Tones of #1586bf

Color Blindness Simulator