#8696e4 hex color

In a RGB color space, hex #8696e4 is composed of 52.5% red, 58.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 34.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 229.8 degrees, a saturation of 63.5% and a lightness of 71%. #8696e4 color hex could be obtained by blending #ffffff with #0d2dc9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 59
- B 89
RGB color chart
- C 41
- M 34
- Y 0
- K 11
CMYK color chart

● #8696e4 color description : Very soft blue.

The hexadecimal color #8696e4 has RGB values of R:134, G:150, B:228 and CMYK values of C:0.41, M:0.34, Y:0, K:0.11. Its decimal value is 8820452.

Hex triplet	8696e4	`#8696e4`
RGB Decimal	134, 150, 228	`rgb(134,150,228)`
RGB Percent	52.5, 58.8, 89.4	`rgb(52.5%,58.8%,89.4%)`
CMYK	41, 34, 0, 11
HSL	229.8°, 63.5, 71	`hsl(229.8,63.5%,71%)`
HSV (or HSB)	229.8°, 41.2, 89.4
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.739, 13.786, -41.346
XYZ	34.739, 32.481, 77.834
xyY	0.239, 0.224, 32.481
CIE-LCH	63.739, 43.584, 288.44
CIE-LUV	63.739, -11.523, -67.429
Hunter-Lab	56.992, 9.064, -41.077
Binary	10000110, 10010110, 11100100

#8696e4
```
#8696e4 rgb(134,150,228)
```
#e4d486
```
#e4d486 rgb(228,212,134)
```

Complementary Color

#86c5e4
```
#86c5e4 rgb(134,197,228)
```
#8696e4
```
#8696e4 rgb(134,150,228)
```
#a586e4
```
#a586e4 rgb(165,134,228)
```

Analogous Color

#c5e486
```
#c5e486 rgb(197,228,134)
```
#8696e4
```
#8696e4 rgb(134,150,228)
```
#e4a586
```
#e4a586 rgb(228,165,134)
```

Split Complementary Color

#96e486
```
#96e486 rgb(150,228,134)
```
#8696e4
```
#8696e4 rgb(134,150,228)
```
#e48696
```
#e48696 rgb(228,134,150)
```

Triadic Color

#86e4d4
```
#86e4d4 rgb(134,228,212)
```
#8696e4
```
#8696e4 rgb(134,150,228)
```
#e48696
```
#e48696 rgb(228,134,150)
```
#e4d486
```
#e4d486 rgb(228,212,134)
```

Tetradic Color

#4760d6
```
#4760d6 rgb(71,96,214)
```
#5c72db
```
#5c72db rgb(92,114,219)
```
#7184df
```
#7184df rgb(113,132,223)
```
#8696e4
```
#8696e4 rgb(134,150,228)
```
#9ba8e9
```
#9ba8e9 rgb(155,168,233)
```
#b0baed
```
#b0baed rgb(176,186,237)
```
#c5ccf2
```
#c5ccf2 rgb(197,204,242)
```

Monochromatic Color

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

#86aee4
```
#86aee4 rgb(134,174,228)
```
#86a6e4
```
#86a6e4 rgb(134,166,228)
```
#869ee4
```
#869ee4 rgb(134,158,228)
```
#8696e4
```
#8696e4 rgb(134,150,228)
```
#868ee4
```
#868ee4 rgb(134,142,228)
```
#8686e4
```
#8686e4 rgb(134,134,228)
```
#8e86e4
```
#8e86e4 rgb(142,134,228)
```

Similar Colors

Text with hexadecimal color #8696e4

This text has a font color of #8696e4.

<span style="color:#8696e4;">Text here</span>

#8696e4 background color

This paragraph has a background color of #8696e4.

<p style="background-color:#8696e4;">Content here</p>

#8696e4 border color

This element has a border color of #8696e4.

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

CSS codes

.text {color:#8696e4;}

.background {background-color:#8696e4;}

.border {border:1px solid #8696e4;}

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

#020307
```
#020307 rgb(2,3,7)
```
#050817
```
#050817 rgb(5,8,23)
```
#090e27
```
#090e27 rgb(9,14,39)
```
#0c1437
```
#0c1437 rgb(12,20,55)
```
#101947
```
#101947 rgb(16,25,71)
```
#141f57
```
#141f57 rgb(20,31,87)
```
#172568
```
#172568 rgb(23,37,104)
```
#1b2a78
```
#1b2a78 rgb(27,42,120)
```
#1e3088
```
#1e3088 rgb(30,48,136)
```
#223698
```
#223698 rgb(34,54,152)
```
#253ca8
```
#253ca8 rgb(37,60,168)
```
#2941b8
```
#2941b8 rgb(41,65,184)
```
#2d47c8
```
#2d47c8 rgb(45,71,200)
```

Shade Color Variation

#3650d2
```
#3650d2 rgb(54,80,210)
```
#465ed6
```
#465ed6 rgb(70,94,214)
```
#566cd9
```
#566cd9 rgb(86,108,217)
```
#667add
```
#667add rgb(102,122,221)
```
#7688e0
```
#7688e0 rgb(118,136,224)
```
#8696e4
```
#8696e4 rgb(134,150,228)
```
#96a4e8
```
#96a4e8 rgb(150,164,232)
```
#a6b2eb
```
#a6b2eb rgb(166,178,235)
```
#b6c0ef
```
#b6c0ef rgb(182,192,239)
```
#c6cef2
```
#c6cef2 rgb(198,206,242)
```
#d6dcf6
```
#d6dcf6 rgb(214,220,246)
```
#e6e9f9
```
#e6e9f9 rgb(230,233,249)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

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

#b4b4b6
```
#b4b4b6 rgb(180,180,182)
```
#aeb0bc
```
#aeb0bc rgb(174,176,188)
```
#a8adc2
```
#a8adc2 rgb(168,173,194)
```
#a2a9c8
```
#a2a9c8 rgb(162,169,200)
```
#9da5cd
```
#9da5cd rgb(157,165,205)
```
#97a1d3
```
#97a1d3 rgb(151,161,211)
```
#919ed9
```
#919ed9 rgb(145,158,217)
```
#8c9ade
```
#8c9ade rgb(140,154,222)
```
#8696e4
```
#8696e4 rgb(134,150,228)
```
#8092ea
```
#8092ea rgb(128,146,234)
```
#7b8eef
```
#7b8eef rgb(123,142,239)
```
#758bf5
```
#758bf5 rgb(117,139,245)
```
#6f87fb
```
#6f87fb rgb(111,135,251)
```

Tone Color Variation

Below, you can see how #8696e4 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

#9a9a9a Achromatopsia 0.005% of the population
#9699a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#849de6 Protanopia 1% of men
#7f9ee4 Deuteranopia 1% of men
#7ba6b2 Tritanopia 0.001% of the population

Trichromacy

#849ae5 Protanomaly 1% of men, 0.01% of women
#819be4 Deuteranomaly 6% of men, 0.4% of women
#7fa0c4 Tritanomaly 0.01% of the population

#8696e4 hex color

#8696e4 Color Information

#8696e4 Color Conversion

Color Schemes with #8696e4

Alternatives to #8696e4

#8696e4 Preview

Shades and Tints of #8696e4

Tones of #8696e4

Color Blindness Simulator