#7a86ec hex color

In a RGB color space, hex #7a86ec is composed of 47.8% red, 52.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 43.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 233.7 degrees, a saturation of 75% and a lightness of 70.2%. #7a86ec color hex could be obtained by blending #f4ffff with #000dd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 48
- G 53
- B 93
RGB color chart
- C 48
- M 43
- Y 0
- K 7
CMYK color chart

● #7a86ec color description : Soft blue.

The hexadecimal color #7a86ec has RGB values of R:122, G:134, B:236 and CMYK values of C:0.48, M:0.43, Y:0, K:0.07. Its decimal value is 8029932.

Hex triplet	7a86ec	`#7a86ec`
RGB Decimal	122, 134, 236	`rgb(122,134,236)`
RGB Percent	47.8, 52.5, 92.5	`rgb(47.8%,52.5%,92.5%)`
CMYK	48, 43, 0, 7
HSL	233.7°, 75, 70.2	`hsl(233.7,75%,70.2%)`
HSV (or HSB)	233.7°, 48.3, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.198, 22.572, -53.003
XYZ	31.688, 27.243, 82.941
xyY	0.223, 0.192, 27.243
CIE-LCH	59.198, 57.609, 293.067
CIE-LUV	59.198, -10.707, -86.623
Hunter-Lab	52.195, 17.03, -57.68
Binary	01111010, 10000110, 11101100

#7a86ec
```
#7a86ec rgb(122,134,236)
```
#ece07a
```
#ece07a rgb(236,224,122)
```

Complementary Color

#7abfec
```
#7abfec rgb(122,191,236)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```
#a77aec
```
#a77aec rgb(167,122,236)
```

Analogous Color

#bfec7a
```
#bfec7a rgb(191,236,122)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```
#eca77a
```
#eca77a rgb(236,167,122)
```

Split Complementary Color

#86ec7a
```
#86ec7a rgb(134,236,122)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```
#ec7a86
```
#ec7a86 rgb(236,122,134)
```

Triadic Color

#7aece0
```
#7aece0 rgb(122,236,224)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```
#ec7a86
```
#ec7a86 rgb(236,122,134)
```
#ece07a
```
#ece07a rgb(236,224,122)
```

Tetradic Color

#3749e2
```
#3749e2 rgb(55,73,226)
```
#4d5de6
```
#4d5de6 rgb(77,93,230)
```
#6472e9
```
#6472e9 rgb(100,114,233)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```
#909aef
```
#909aef rgb(144,154,239)
```
#a7aff2
```
#a7aff2 rgb(167,175,242)
```
#bdc3f6
```
#bdc3f6 rgb(189,195,246)
```

Monochromatic Color

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

#7aa3ec
```
#7aa3ec rgb(122,163,236)
```
#7a99ec
```
#7a99ec rgb(122,153,236)
```
#7a90ec
```
#7a90ec rgb(122,144,236)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```
#7a7dec
```
#7a7dec rgb(122,125,236)
```
#817aec
```
#817aec rgb(129,122,236)
```
#8b7aec
```
#8b7aec rgb(139,122,236)
```

Similar Colors

Text with hexadecimal color #7a86ec

This text has a font color of #7a86ec.

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

#7a86ec background color

This paragraph has a background color of #7a86ec.

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

#7a86ec border color

This element has a border color of #7a86ec.

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

CSS codes

.text {color:#7a86ec;}

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

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

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 #f2f3fd is the lightest one.

#010104
```
#010104 rgb(1,1,4)
```
#030515
```
#030515 rgb(3,5,21)
```
#060927
```
#060927 rgb(6,9,39)
```
#080d38
```
#080d38 rgb(8,13,56)
```
#0a1149
```
#0a1149 rgb(10,17,73)
```
#0d155a
```
#0d155a rgb(13,21,90)
```
#0f196b
```
#0f196b rgb(15,25,107)
```
#121d7c
```
#121d7c rgb(18,29,124)
```
#14218e
```
#14218e rgb(20,33,142)
```
#17259f
```
#17259f rgb(23,37,159)
```
#1929b0
```
#1929b0 rgb(25,41,176)
```
#1c2dc1
```
#1c2dc1 rgb(28,45,193)
```
#1e31d2
```
#1e31d2 rgb(30,49,210)
```

Shade Color Variation

#2438e0
```
#2438e0 rgb(36,56,224)
```
#3548e2
```
#3548e2 rgb(53,72,226)
```
#4757e5
```
#4757e5 rgb(71,87,229)
```
#5867e7
```
#5867e7 rgb(88,103,231)
```
#6976ea
```
#6976ea rgb(105,118,234)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```
#8b96ee
```
#8b96ee rgb(139,150,238)
```
#9ca5f1
```
#9ca5f1 rgb(156,165,241)
```
#adb5f3
```
#adb5f3 rgb(173,181,243)
```
#bfc4f6
```
#bfc4f6 rgb(191,196,246)
```
#d0d4f8
```
#d0d4f8 rgb(208,212,248)
```
#e1e4fb
```
#e1e4fb rgb(225,228,251)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

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

#afb0b7
```
#afb0b7 rgb(175,176,183)
```
#a9abbd
```
#a9abbd rgb(169,171,189)
```
#a3a6c3
```
#a3a6c3 rgb(163,166,195)
```
#9da2c9
```
#9da2c9 rgb(157,162,201)
```
#979dcf
```
#979dcf rgb(151,157,207)
```
#9198d5
```
#9198d5 rgb(145,152,213)
```
#8c94da
```
#8c94da rgb(140,148,218)
```
#868fe0
```
#868fe0 rgb(134,143,224)
```
#808be6
```
#808be6 rgb(128,139,230)
```
#7a86ec
```
#7a86ec rgb(122,134,236)
```
#7481f2
```
#7481f2 rgb(116,129,242)
```
#6e7df8
```
#6e7df8 rgb(110,125,248)
```
#6878fe
```
#6878fe rgb(104,120,254)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#8a8ca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6691f1 Protanopia 1% of men
#5795e9 Deuteranopia 1% of men
#669ca8 Tritanopia 0.001% of the population

Trichromacy

#6d8def Protanomaly 1% of men, 0.01% of women
#648fea Deuteranomaly 6% of men, 0.4% of women
#6d94c0 Tritanomaly 0.01% of the population

#7a86ec hex color

#7a86ec Color Information

#7a86ec Color Conversion

Color Schemes with #7a86ec

Alternatives to #7a86ec

#7a86ec Preview

Shades and Tints of #7a86ec

Tones of #7a86ec

Color Blindness Simulator