#1586c4 hex color

In a RGB color space, hex #1586c4 is composed of 8.2% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 89.3% cyan, 31.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 201.3 degrees, a saturation of 80.6% and a lightness of 42.5%. #1586c4 color hex could be obtained by blending #2affff with #000d89. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 53
- B 77
RGB color chart
- C 89
- M 32
- Y 0
- K 23
CMYK color chart

● #1586c4 color description : Strong blue.

The hexadecimal color #1586c4 has RGB values of R:21, G:134, B:196 and CMYK values of C:0.89, M:0.32, Y:0, K:0.23. Its decimal value is 1410756.

Hex triplet	1586c4	`#1586c4`
RGB Decimal	21, 134, 196	`rgb(21,134,196)`
RGB Percent	8.2, 52.5, 76.9	`rgb(8.2%,52.5%,76.9%)`
CMYK	89, 32, 0, 23
HSL	201.3°, 80.6, 42.5	`hsl(201.3,80.6%,42.5%)`
HSV (or HSB)	201.3°, 89.3, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.161, -6.804, -40.349
XYZ	18.796, 21.193, 55.322
xyY	0.197, 0.222, 21.193
CIE-LCH	53.161, 40.918, 260.429
CIE-LUV	53.161, -33.359, -61.42
Hunter-Lab	46.036, -7.686, -39.023
Binary	00010101, 10000110, 11000100

#1586c4
```
#1586c4 rgb(21,134,196)
```
#c45315
```
#c45315 rgb(196,83,21)
```

Complementary Color

#15c4ab
```
#15c4ab rgb(21,196,171)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#152ec4
```
#152ec4 rgb(21,46,196)
```

Analogous Color

#c4ab15
```
#c4ab15 rgb(196,171,21)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#c4152f
```
#c4152f rgb(196,21,47)
```

Split Complementary Color

#86c415
```
#86c415 rgb(134,196,21)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#c41586
```
#c41586 rgb(196,21,134)
```

Triadic Color

#15c453
```
#15c453 rgb(21,196,83)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#c41586
```
#c41586 rgb(196,21,134)
```
#c45315
```
#c45315 rgb(196,83,21)
```

Tetradic Color

#0e577f
```
#0e577f rgb(14,87,127)
```
#106796
```
#106796 rgb(16,103,150)
```
#1376ad
```
#1376ad rgb(19,118,173)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#1796db
```
#1796db rgb(23,150,219)
```
#24a2e8
```
#24a2e8 rgb(36,162,232)
```
#3bacea
```
#3bacea rgb(59,172,234)
```

Monochromatic Color

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

#15b2c4
```
#15b2c4 rgb(21,178,196)
```
#15a3c4
```
#15a3c4 rgb(21,163,196)
```
#1595c4
```
#1595c4 rgb(21,149,196)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#1577c4
```
#1577c4 rgb(21,119,196)
```
#1569c4
```
#1569c4 rgb(21,105,196)
```
#155ac4
```
#155ac4 rgb(21,90,196)
```

Similar Colors

Text with hexadecimal color #1586c4

This text has a font color of #1586c4.

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

#1586c4 background color

This paragraph has a background color of #1586c4.

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

#1586c4 border color

This element has a border color of #1586c4.

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

CSS codes

.text {color:#1586c4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#020d13
```
#020d13 rgb(2,13,19)
```
#041925
```
#041925 rgb(4,25,37)
```
#062536
```
#062536 rgb(6,37,54)
```
#083148
```
#083148 rgb(8,49,72)
```
#0a3d5a
```
#0a3d5a rgb(10,61,90)
```
#0c496b
```
#0c496b rgb(12,73,107)
```
#0d567d
```
#0d567d rgb(13,86,125)
```
#0f628f
```
#0f628f rgb(15,98,143)
```
#116ea1
```
#116ea1 rgb(17,110,161)
```
#137ab2
```
#137ab2 rgb(19,122,178)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#1792d6
```
#1792d6 rgb(23,146,214)
```

Shade Color Variation

#1a9ee6
```
#1a9ee6 rgb(26,158,230)
```
#2ca5e8
```
#2ca5e8 rgb(44,165,232)
```
#3dadea
```
#3dadea rgb(61,173,234)
```
#4fb4ec
```
#4fb4ec rgb(79,180,236)
```
#61bcee
```
#61bcee rgb(97,188,238)
```
#72c3f0
```
#72c3f0 rgb(114,195,240)
```
#84cbf2
```
#84cbf2 rgb(132,203,242)
```
#96d2f4
```
#96d2f4 rgb(150,210,244)
```
#a8daf6
```
#a8daf6 rgb(168,218,246)
```
#b9e1f8
```
#b9e1f8 rgb(185,225,248)
```
#cbe9f9
```
#cbe9f9 rgb(203,233,249)
```
#ddf0fb
```
#ddf0fb rgb(221,240,251)
```
#eef8fd
```
#eef8fd rgb(238,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e71 is the less saturated color, while #048bd5 is the most saturated one.

#686e71
```
#686e71 rgb(104,110,113)
```
#607079
```
#607079 rgb(96,112,121)
```
#587381
```
#587381 rgb(88,115,129)
```
#4f758a
```
#4f758a rgb(79,117,138)
```
#477792
```
#477792 rgb(71,119,146)
```
#3f7a9a
```
#3f7a9a rgb(63,122,154)
```
#367ca3
```
#367ca3 rgb(54,124,163)
```
#2e7fab
```
#2e7fab rgb(46,127,171)
```
#2681b3
```
#2681b3 rgb(38,129,179)
```
#1d84bc
```
#1d84bc rgb(29,132,188)
```
#1586c4
```
#1586c4 rgb(21,134,196)
```
#0d88cc
```
#0d88cc rgb(13,136,204)
```
#048bd5
```
#048bd5 rgb(4,139,213)
```

Tone Color Variation

Below, you can see how #1586c4 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
#5a707d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f83c0 Protanopia 1% of men
#5c85c9 Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#4e84c1 Protanomaly 1% of men, 0.01% of women
#4285c7 Deuteranomaly 6% of men, 0.4% of women
#078eaa Tritanomaly 0.01% of the population

#1586c4 hex color

#1586c4 Color Information

#1586c4 Color Conversion

Color Schemes with #1586c4

Alternatives to #1586c4

#1586c4 Preview

Shades and Tints of #1586c4

Tones of #1586c4

Color Blindness Simulator