#7a86ba hex color

In a RGB color space, hex #7a86ba is composed of 47.8% red, 52.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 28% magenta, 0% yellow and 27.1% black. It has a hue angle of 228.8 degrees, a saturation of 31.7% and a lightness of 60.4%. #7a86ba color hex could be obtained by blending #f4ffff with #000d75. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 53
- B 73
RGB color chart
- C 34
- M 28
- Y 0
- K 27
CMYK color chart

● #7a86ba color description : Slightly desaturated blue.

The hexadecimal color #7a86ba has RGB values of R:122, G:134, B:186 and CMYK values of C:0.34, M:0.28, Y:0, K:0.27. Its decimal value is 8029882.

Hex triplet	7a86ba	`#7a86ba`
RGB Decimal	122, 134, 186	`rgb(122,134,186)`
RGB Percent	47.8, 52.5, 72.9	`rgb(47.8%,52.5%,72.9%)`
CMYK	34, 28, 0, 27
HSL	228.8°, 31.7, 60.4	`hsl(228.8,31.7%,60.4%)`
HSV (or HSB)	228.8°, 34.4, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.814, 8.259, -28.643
XYZ	25.412, 24.732, 49.887
xyY	0.254, 0.247, 24.732
CIE-LCH	56.814, 29.809, 286.084
CIE-LUV	56.814, -8.633, -44.834
Hunter-Lab	49.732, 4.181, -24.663
Binary	01111010, 10000110, 10111010

#7a86ba
```
#7a86ba rgb(122,134,186)
```
#baae7a
```
#baae7a rgb(186,174,122)
```

Complementary Color

#7aa6ba
```
#7aa6ba rgb(122,166,186)
```
#7a86ba
```
#7a86ba rgb(122,134,186)
```
#8e7aba
```
#8e7aba rgb(142,122,186)
```

Analogous Color

#a6ba7a
```
#a6ba7a rgb(166,186,122)
```
#7a86ba
```
#7a86ba rgb(122,134,186)
```
#ba8e7a
```
#ba8e7a rgb(186,142,122)
```

Split Complementary Color

#86ba7a
```
#86ba7a rgb(134,186,122)
```
#7a86ba
```
#7a86ba rgb(122,134,186)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```

Triadic Color

#7abaae
```
#7abaae rgb(122,186,174)
```
#7a86ba
```
#7a86ba rgb(122,134,186)
```
#ba7a86
```
#ba7a86 rgb(186,122,134)
```
#baae7a
```
#baae7a rgb(186,174,122)
```

Tetradic Color

#4f5d98
```
#4f5d98 rgb(79,93,152)
```
#5867a9
```
#5867a9 rgb(88,103,169)
```
#6977b1
```
#6977b1 rgb(105,119,177)
```
#7a86ba
```
#7a86ba rgb(122,134,186)
```
#8b95c3
```
#8b95c3 rgb(139,149,195)
```
#9ca5cb
```
#9ca5cb rgb(156,165,203)
```
#acb4d4
```
#acb4d4 rgb(172,180,212)
```

Monochromatic Color

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

#7a96ba
```
#7a96ba rgb(122,150,186)
```
#7a91ba
```
#7a91ba rgb(122,145,186)
```
#7a8bba
```
#7a8bba rgb(122,139,186)
```
#7a86ba
```
#7a86ba rgb(122,134,186)
```
#7a81ba
```
#7a81ba rgb(122,129,186)
```
#7a7bba
```
#7a7bba rgb(122,123,186)
```
#7e7aba
```
#7e7aba rgb(126,122,186)
```

Similar Colors

Text with hexadecimal color #7a86ba

This text has a font color of #7a86ba.

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

#7a86ba background color

This paragraph has a background color of #7a86ba.

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

#7a86ba border color

This element has a border color of #7a86ba.

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

CSS codes

.text {color:#7a86ba;}

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

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0b0d16
```
#0b0d16 rgb(11,13,22)
```
#121523
```
#121523 rgb(18,21,35)
```
#191d30
```
#191d30 rgb(25,29,48)
```
#20253d
```
#20253d rgb(32,37,61)
```
#262d4a
```
#262d4a rgb(38,45,74)
```
#2d3557
```
#2d3557 rgb(45,53,87)
```
#343d63
```
#343d63 rgb(52,61,99)
```
#3a4470
```
#3a4470 rgb(58,68,112)
```
#414c7d
```
#414c7d rgb(65,76,125)
```
#48548a
```
#48548a rgb(72,84,138)
```
#4e5c97
```
#4e5c97 rgb(78,92,151)
```
#5564a4
```
#5564a4 rgb(85,100,164)
```

Shade Color Variation

#606fad
```
#606fad rgb(96,111,173)
```
#6d7ab3
```
#6d7ab3 rgb(109,122,179)
```
#7a86ba
```
#7a86ba rgb(122,134,186)
```
#8792c1
```
#8792c1 rgb(135,146,193)
```
#949dc7
```
#949dc7 rgb(148,157,199)
```
#a1a9ce
```
#a1a9ce rgb(161,169,206)
```
#aeb5d5
```
#aeb5d5 rgb(174,181,213)
```
#bbc1dc
```
#bbc1dc rgb(187,193,220)
```
#c7cce2
```
#c7cce2 rgb(199,204,226)
```
#d4d8e9
```
#d4d8e9 rgb(212,216,233)
```
#e1e4f0
```
#e1e4f0 rgb(225,228,240)
```
#eef0f6
```
#eef0f6 rgb(238,240,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99999b is the less saturated color, while #3c5ff8 is the most saturated one.

#99999b
```
#99999b rgb(153,153,155)
```
#9195a3
```
#9195a3 rgb(145,149,163)
```
#8a90aa
```
#8a90aa rgb(138,144,170)
```
#828bb2
```
#828bb2 rgb(130,139,178)
```
#7a86ba
```
#7a86ba rgb(122,134,186)
```
#7281c2
```
#7281c2 rgb(114,129,194)
```
#6a7cca
```
#6a7cca rgb(106,124,202)
```
#6377d1
```
#6377d1 rgb(99,119,209)
```
#5b73d9
```
#5b73d9 rgb(91,115,217)
```
#536ee1
```
#536ee1 rgb(83,110,225)
```
#4b69e9
```
#4b69e9 rgb(75,105,233)
```
#4464f0
```
#4464f0 rgb(68,100,240)
```
#3c5ff8
```
#3c5ff8 rgb(60,95,248)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#858892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8cbd Protanopia 1% of men
#7f8cbd Deuteranopia 1% of men
#77929d Tritanopia 0.001% of the population

Trichromacy

#7d8abc Protanomaly 1% of men, 0.01% of women
#7d8abc Deuteranomaly 6% of men, 0.4% of women
#788ea7 Tritanomaly 0.01% of the population

#7a86ba hex color

#7a86ba Color Information

#7a86ba Color Conversion

Color Schemes with #7a86ba

Alternatives to #7a86ba

#7a86ba Preview

Shades and Tints of #7a86ba

Tones of #7a86ba

Color Blindness Simulator