#7e86c4 hex color

In a RGB color space, hex #7e86c4 is composed of 49.4% red, 52.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 31.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 233.1 degrees, a saturation of 37.2% and a lightness of 63.1%. #7e86c4 color hex could be obtained by blending #fcffff with #000d89. Closest websafe color is: #6699cc.

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

● #7e86c4 color description : Slightly desaturated blue.

The hexadecimal color #7e86c4 has RGB values of R:126, G:134, B:196 and CMYK values of C:0.36, M:0.32, Y:0, K:0.23. Its decimal value is 8292036.

Hex triplet	7e86c4	`#7e86c4`
RGB Decimal	126, 134, 196	`rgb(126,134,196)`
RGB Percent	49.4, 52.5, 76.9	`rgb(49.4%,52.5%,76.9%)`
CMYK	36, 32, 0, 23
HSL	233.1°, 37.2, 63.1	`hsl(233.1,37.2%,63.1%)`
HSV (or HSB)	233.1°, 35.7, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.531, 12.108, -33.186
XYZ	27.091, 25.471, 55.71
xyY	0.25, 0.235, 25.471
CIE-LCH	57.531, 35.326, 290.045
CIE-LUV	57.531, -7.329, -52.766
Hunter-Lab	50.469, 7.497, -30.12
Binary	01111110, 10000110, 11000100

#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#c4bc7e
```
#c4bc7e rgb(196,188,126)
```

Complementary Color

#7ea9c4
```
#7ea9c4 rgb(126,169,196)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#997ec4
```
#997ec4 rgb(153,126,196)
```

Analogous Color

#a9c47e
```
#a9c47e rgb(169,196,126)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#c4997e
```
#c4997e rgb(196,153,126)
```

Split Complementary Color

#86c47e
```
#86c47e rgb(134,196,126)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#c47e86
```
#c47e86 rgb(196,126,134)
```

Triadic Color

#7ec4bc
```
#7ec4bc rgb(126,196,188)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#c47e86
```
#c47e86 rgb(196,126,134)
```
#c4bc7e
```
#c4bc7e rgb(196,188,126)
```

Tetradic Color

#4d57a8
```
#4d57a8 rgb(77,87,168)
```
#5b65b4
```
#5b65b4 rgb(91,101,180)
```
#6d76bc
```
#6d76bc rgb(109,118,188)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#8f96cc
```
#8f96cc rgb(143,150,204)
```
#a1a7d4
```
#a1a7d4 rgb(161,167,212)
```
#b2b7dc
```
#b2b7dc rgb(178,183,220)
```

Monochromatic Color

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

#7e98c4
```
#7e98c4 rgb(126,152,196)
```
#7e92c4
```
#7e92c4 rgb(126,146,196)
```
#7e8cc4
```
#7e8cc4 rgb(126,140,196)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#7e80c4
```
#7e80c4 rgb(126,128,196)
```
#827ec4
```
#827ec4 rgb(130,126,196)
```
#887ec4
```
#887ec4 rgb(136,126,196)
```

Similar Colors

Text with hexadecimal color #7e86c4

This text has a font color of #7e86c4.

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

#7e86c4 background color

This paragraph has a background color of #7e86c4.

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

#7e86c4 border color

This element has a border color of #7e86c4.

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

CSS codes

.text {color:#7e86c4;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#090a13
```
#090a13 rgb(9,10,19)
```
#0f1121
```
#0f1121 rgb(15,17,33)
```
#15182e
```
#15182e rgb(21,24,46)
```
#1b1f3b
```
#1b1f3b rgb(27,31,59)
```
#212649
```
#212649 rgb(33,38,73)
```
#272d56
```
#272d56 rgb(39,45,86)
```
#2e3464
```
#2e3464 rgb(46,52,100)
```
#343b71
```
#343b71 rgb(52,59,113)
```
#3a427f
```
#3a427f rgb(58,66,127)
```
#40498c
```
#40498c rgb(64,73,140)
```
#46509a
```
#46509a rgb(70,80,154)
```
#4c57a7
```
#4c57a7 rgb(76,87,167)
```

Shade Color Variation

#5660b2
```
#5660b2 rgb(86,96,178)
```
#636db8
```
#636db8 rgb(99,109,184)
```
#7179be
```
#7179be rgb(113,121,190)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#8b93ca
```
#8b93ca rgb(139,147,202)
```
#999fd0
```
#999fd0 rgb(153,159,208)
```
#a6acd6
```
#a6acd6 rgb(166,172,214)
```
#b4b8dd
```
#b4b8dd rgb(180,184,221)
```
#c1c5e3
```
#c1c5e3 rgb(193,197,227)
```
#cfd2e9
```
#cfd2e9 rgb(207,210,233)
```
#dcdeef
```
#dcdeef rgb(220,222,239)
```
#eaebf5
```
#eaebf5 rgb(234,235,245)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

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

#9b9ca7
```
#9b9ca7 rgb(155,156,167)
```
#9497ae
```
#9497ae rgb(148,151,174)
```
#8c91b6
```
#8c91b6 rgb(140,145,182)
```
#858cbd
```
#858cbd rgb(133,140,189)
```
#7e86c4
```
#7e86c4 rgb(126,134,196)
```
#7780cb
```
#7780cb rgb(119,128,203)
```
#707bd2
```
#707bd2 rgb(112,123,210)
```
#6875da
```
#6875da rgb(104,117,218)
```
#6170e1
```
#6170e1 rgb(97,112,225)
```
#5a6ae8
```
#5a6ae8 rgb(90,106,232)
```
#5365ef
```
#5365ef rgb(83,101,239)
```
#4b5ff7
```
#4b5ff7 rgb(75,95,247)
```
#4459fe
```
#4459fe rgb(68,89,254)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#888a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c8ec8 Protanopia 1% of men
#7b8ec6 Deuteranopia 1% of men
#79949f Tritanopia 0.001% of the population

Trichromacy

#7c8bc6 Protanomaly 1% of men, 0.01% of women
#7c8bc5 Deuteranomaly 6% of men, 0.4% of women
#7b8fac Tritanomaly 0.01% of the population

#7e86c4 hex color

#7e86c4 Color Information

#7e86c4 Color Conversion

Color Schemes with #7e86c4

Alternatives to #7e86c4

#7e86c4 Preview

Shades and Tints of #7e86c4

Tones of #7e86c4

Color Blindness Simulator