#7a86d8 hex color

In a RGB color space, hex #7a86d8 is composed of 47.8% red, 52.5% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 43.5% cyan, 38% magenta, 0% yellow and 15.3% black. It has a hue angle of 232.3 degrees, a saturation of 54.7% and a lightness of 66.3%. #7a86d8 color hex could be obtained by blending #f4ffff with #000db1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 53
- B 85
RGB color chart
- C 44
- M 38
- Y 0
- K 15
CMYK color chart

● #7a86d8 color description : Slightly desaturated blue.

The hexadecimal color #7a86d8 has RGB values of R:122, G:134, B:216 and CMYK values of C:0.44, M:0.38, Y:0, K:0.15. Its decimal value is 8029912.

Hex triplet	7a86d8	`#7a86d8`
RGB Decimal	122, 134, 216	`rgb(122,134,216)`
RGB Percent	47.8, 52.5, 84.7	`rgb(47.8%,52.5%,84.7%)`
CMYK	44, 38, 0, 15
HSL	232.3°, 54.7, 66.3	`hsl(232.3,54.7%,66.3%)`
HSV (or HSB)	232.3°, 43.5, 84.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.174, 16.671, -43.472
XYZ	28.943, 26.145, 68.483
xyY	0.234, 0.212, 26.145
CIE-LCH	58.174, 46.559, 290.982
CIE-LUV	58.174, -9.881, -70.175
Hunter-Lab	51.132, 11.559, -43.618
Binary	01111010, 10000110, 11011000

#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#d8cc7a
```
#d8cc7a rgb(216,204,122)
```

Complementary Color

#7ab5d8
```
#7ab5d8 rgb(122,181,216)
```
#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#9d7ad8
```
#9d7ad8 rgb(157,122,216)
```

Analogous Color

#b5d87a
```
#b5d87a rgb(181,216,122)
```
#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#d89d7a
```
#d89d7a rgb(216,157,122)
```

Split Complementary Color

#86d87a
```
#86d87a rgb(134,216,122)
```
#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#d87a86
```
#d87a86 rgb(216,122,134)
```

Triadic Color

#7ad8cc
```
#7ad8cc rgb(122,216,204)
```
#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#d87a86
```
#d87a86 rgb(216,122,134)
```
#d8cc7a
```
#d8cc7a rgb(216,204,122)
```

Tetradic Color

#3f50c7
```
#3f50c7 rgb(63,80,199)
```
#5362cc
```
#5362cc rgb(83,98,204)
```
#6674d2
```
#6674d2 rgb(102,116,210)
```
#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#8e98de
```
#8e98de rgb(142,152,222)
```
#a1aae4
```
#a1aae4 rgb(161,170,228)
```
#b5bce9
```
#b5bce9 rgb(181,188,233)
```

Monochromatic Color

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

#7a9ed8
```
#7a9ed8 rgb(122,158,216)
```
#7a96d8
```
#7a96d8 rgb(122,150,216)
```
#7a8ed8
```
#7a8ed8 rgb(122,142,216)
```
#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#7a7ed8
```
#7a7ed8 rgb(122,126,216)
```
#7e7ad8
```
#7e7ad8 rgb(126,122,216)
```
#867ad8
```
#867ad8 rgb(134,122,216)
```

Similar Colors

Text with hexadecimal color #7a86d8

This text has a font color of #7a86d8.

<span style="color:#7a86d8;">Text here</span>

#7a86d8 background color

This paragraph has a background color of #7a86d8.

<p style="background-color:#7a86d8;">Content here</p>

#7a86d8 border color

This element has a border color of #7a86d8.

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

CSS codes

.text {color:#7a86d8;}

.background {background-color:#7a86d8;}

.border {border:1px solid #7a86d8;}

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

#010104
```
#010104 rgb(1,1,4)
```
#050713
```
#050713 rgb(5,7,19)
```
#0a0d22
```
#0a0d22 rgb(10,13,34)
```
#0e1331
```
#0e1331 rgb(14,19,49)
```
#131940
```
#131940 rgb(19,25,64)
```
#171e4f
```
#171e4f rgb(23,30,79)
```
#1c245f
```
#1c245f rgb(28,36,95)
```
#202a6e
```
#202a6e rgb(32,42,110)
```
#25307d
```
#25307d rgb(37,48,125)
```
#29368c
```
#29368c rgb(41,54,140)
```
#2e3c9b
```
#2e3c9b rgb(46,60,155)
```
#3241aa
```
#3241aa rgb(50,65,170)
```
#3647ba
```
#3647ba rgb(54,71,186)
```

Shade Color Variation

#3d4fc6
```
#3d4fc6 rgb(61,79,198)
```
#4c5dcb
```
#4c5dcb rgb(76,93,203)
```
#5c6acf
```
#5c6acf rgb(92,106,207)
```
#6b78d4
```
#6b78d4 rgb(107,120,212)
```
#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#8994dc
```
#8994dc rgb(137,148,220)
```
#98a2e1
```
#98a2e1 rgb(152,162,225)
```
#a8afe5
```
#a8afe5 rgb(168,175,229)
```
#b7bdea
```
#b7bdea rgb(183,189,234)
```
#c6cbee
```
#c6cbee rgb(198,203,238)
```
#d5d9f3
```
#d5d9f3 rgb(213,217,243)
```
#e4e7f7
```
#e4e7f7 rgb(228,231,247)
```
#f3f4fc
```
#f3f4fc rgb(243,244,252)
```

Tint Color Variation

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

#a8a8aa
```
#a8a8aa rgb(168,168,170)
```
#a2a4b0
```
#a2a4b0 rgb(162,164,176)
```
#9b9fb7
```
#9b9fb7 rgb(155,159,183)
```
#949abe
```
#949abe rgb(148,154,190)
```
#8e95c4
```
#8e95c4 rgb(142,149,196)
```
#8790cb
```
#8790cb rgb(135,144,203)
```
#818bd1
```
#818bd1 rgb(129,139,209)
```
#7a86d8
```
#7a86d8 rgb(122,134,216)
```
#7381df
```
#7381df rgb(115,129,223)
```
#6d7ce5
```
#6d7ce5 rgb(109,124,229)
```
#6677ec
```
#6677ec rgb(102,119,236)
```
#6072f2
```
#6072f2 rgb(96,114,242)
```
#596df9
```
#596df9 rgb(89,109,249)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#888b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#728fdc Protanopia 1% of men
#6b91d7 Deuteranopia 1% of men
#6e98a3 Tritanopia 0.001% of the population

Trichromacy

#758bda Protanomaly 1% of men, 0.01% of women
#708dd7 Deuteranomaly 6% of men, 0.4% of women
#7291b6 Tritanomaly 0.01% of the population

#7a86d8 hex color

#7a86d8 Color Information

#7a86d8 Color Conversion

Color Schemes with #7a86d8

Alternatives to #7a86d8

#7a86d8 Preview

Shades and Tints of #7a86d8

Tones of #7a86d8

Color Blindness Simulator