#7d86ec hex color

In a RGB color space, hex #7d86ec is composed of 49% red, 52.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 43.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 235.1 degrees, a saturation of 74.5% and a lightness of 70.8%. #7d86ec color hex could be obtained by blending #faffff with #000dd9. Closest websafe color is: #6699ff.

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

● #7d86ec color description : Soft blue.

The hexadecimal color #7d86ec has RGB values of R:125, G:134, B:236 and CMYK values of C:0.47, M:0.43, Y:0, K:0.07. Its decimal value is 8226540.

Hex triplet	7d86ec	`#7d86ec`
RGB Decimal	125, 134, 236	`rgb(125,134,236)`
RGB Percent	49, 52.5, 92.5	`rgb(49%,52.5%,92.5%)`
CMYK	47, 43, 0, 7
HSL	235.1°, 74.5, 70.8	`hsl(235.1,74.5%,70.8%)`
HSV (or HSB)	235.1°, 47, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.403, 23.258, -52.666
XYZ	32.12, 27.465, 82.961
xyY	0.225, 0.193, 27.465
CIE-LCH	59.403, 57.573, 293.827
CIE-LUV	59.403, -9.606, -86.209
Hunter-Lab	52.407, 17.688, -57.171
Binary	01111101, 10000110, 11101100

#7d86ec
```
#7d86ec rgb(125,134,236)
```
#ece37d
```
#ece37d rgb(236,227,125)
```

Complementary Color

#7dbeec
```
#7dbeec rgb(125,190,236)
```
#7d86ec
```
#7d86ec rgb(125,134,236)
```
#ac7dec
```
#ac7dec rgb(172,125,236)
```

Analogous Color

#beec7d
```
#beec7d rgb(190,236,125)
```
#7d86ec
```
#7d86ec rgb(125,134,236)
```
#ecac7d
```
#ecac7d rgb(236,172,125)
```

Split Complementary Color

#86ec7d
```
#86ec7d rgb(134,236,125)
```
#7d86ec
```
#7d86ec rgb(125,134,236)
```
#ec7d86
```
#ec7d86 rgb(236,125,134)
```

Triadic Color

#7dece3
```
#7dece3 rgb(125,236,227)
```
#7d86ec
```
#7d86ec rgb(125,134,236)
```
#ec7d86
```
#ec7d86 rgb(236,125,134)
```
#ece37d
```
#ece37d rgb(236,227,125)
```

Tetradic Color

#3a48e2
```
#3a48e2 rgb(58,72,226)
```
#515de5
```
#515de5 rgb(81,93,229)
```
#6771e9
```
#6771e9 rgb(103,113,233)
```
#7d86ec
```
#7d86ec rgb(125,134,236)
```
#939bef
```
#939bef rgb(147,155,239)
```
#a9aff3
```
#a9aff3 rgb(169,175,243)
```
#c0c4f6
```
#c0c4f6 rgb(192,196,246)
```

Monochromatic Color

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

#7da2ec
```
#7da2ec rgb(125,162,236)
```
#7d99ec
```
#7d99ec rgb(125,153,236)
```
#7d8fec
```
#7d8fec rgb(125,143,236)
```
#7d86ec
```
#7d86ec rgb(125,134,236)
```
#7d7dec
```
#7d7dec rgb(125,125,236)
```
#877dec
```
#877dec rgb(135,125,236)
```
#907dec
```
#907dec rgb(144,125,236)
```

Similar Colors

Text with hexadecimal color #7d86ec

This text has a font color of #7d86ec.

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

#7d86ec background color

This paragraph has a background color of #7d86ec.

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

#7d86ec border color

This element has a border color of #7d86ec.

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

CSS codes

.text {color:#7d86ec;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#040518
```
#040518 rgb(4,5,24)
```
#060929
```
#060929 rgb(6,9,41)
```
#090d3a
```
#090d3a rgb(9,13,58)
```
#0b104b
```
#0b104b rgb(11,16,75)
```
#0e145c
```
#0e145c rgb(14,20,92)
```
#10186e
```
#10186e rgb(16,24,110)
```
#131b7f
```
#131b7f rgb(19,27,127)
```
#151f90
```
#151f90 rgb(21,31,144)
```
#1823a1
```
#1823a1 rgb(24,35,161)
```
#1a26b2
```
#1a26b2 rgb(26,38,178)
```
#1d2ac3
```
#1d2ac3 rgb(29,42,195)
```
#1f2ed4
```
#1f2ed4 rgb(31,46,212)
```

Shade Color Variation

#2736df
```
#2736df rgb(39,54,223)
```
#3946e2
```
#3946e2 rgb(57,70,226)
```
#4a56e4
```
#4a56e4 rgb(74,86,228)
```
#5b66e7
```
#5b66e7 rgb(91,102,231)
```
#6c76e9
```
#6c76e9 rgb(108,118,233)
```
#7d86ec
```
#7d86ec rgb(125,134,236)
```
#8e96ef
```
#8e96ef rgb(142,150,239)
```
#9fa6f1
```
#9fa6f1 rgb(159,166,241)
```
#b0b6f4
```
#b0b6f4 rgb(176,182,244)
```
#c1c6f6
```
#c1c6f6 rgb(193,198,246)
```
#d3d6f9
```
#d3d6f9 rgb(211,214,249)
```
#e4e6fb
```
#e4e6fb rgb(228,230,251)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

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

#b1b1b8
```
#b1b1b8 rgb(177,177,184)
```
#abacbe
```
#abacbe rgb(171,172,190)
```
#a5a8c4
```
#a5a8c4 rgb(165,168,196)
```
#9fa3ca
```
#9fa3ca rgb(159,163,202)
```
#9a9ecf
```
#9a9ecf rgb(154,158,207)
```
#9499d5
```
#9499d5 rgb(148,153,213)
```
#8e94db
```
#8e94db rgb(142,148,219)
```
#8890e1
```
#8890e1 rgb(136,144,225)
```
#838be6
```
#838be6 rgb(131,139,230)
```
#7d86ec
```
#7d86ec rgb(125,134,236)
```
#7781f2
```
#7781f2 rgb(119,129,242)
```
#727cf7
```
#727cf7 rgb(114,124,247)
```
#6c78fd
```
#6c78fd rgb(108,120,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8b8da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6791f1 Protanopia 1% of men
#5995e9 Deuteranopia 1% of men
#6a9ca8 Tritanopia 0.001% of the population

Trichromacy

#6f8def Protanomaly 1% of men, 0.01% of women
#668fea Deuteranomaly 6% of men, 0.4% of women
#7194c0 Tritanomaly 0.01% of the population

#7d86ec hex color

#7d86ec Color Information

#7d86ec Color Conversion

Color Schemes with #7d86ec

Alternatives to #7d86ec

#7d86ec Preview

Shades and Tints of #7d86ec

Tones of #7d86ec

Color Blindness Simulator