#7d86ff hex color

In a RGB color space, hex #7d86ff is composed of 49% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 235.8 degrees, a saturation of 100% and a lightness of 74.5%. #7d86ff color hex could be obtained by blending #faffff with #000dff. Closest websafe color is: #6699ff.

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

● #7d86ff color description : Very light blue.

The hexadecimal color #7d86ff has RGB values of R:125, G:134, B:255 and CMYK values of C:0.51, M:0.47, Y:0, K:0. Its decimal value is 8226559.

Hex triplet	7d86ff	`#7d86ff`
RGB Decimal	125, 134, 255	`rgb(125,134,255)`
RGB Percent	49, 52.5, 100	`rgb(49%,52.5%,100%)`
CMYK	51, 47, 0, 0
HSL	235.8°, 100, 74.5	`hsl(235.8,100%,74.5%)`
HSV (or HSB)	235.8°, 51, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.453, 28.944, -61.472
XYZ	35.029, 28.629, 98.282
xyY	0.216, 0.177, 28.629
CIE-LCH	60.453, 67.945, 295.213
CIE-LUV	60.453, -10.46, -101.381
Hunter-Lab	53.506, 23.224, -71.453
Binary	01111101, 10000110, 11111111

#7d86ff
```
#7d86ff rgb(125,134,255)
```
#fff67d
```
#fff67d rgb(255,246,125)
```

Complementary Color

#7dc7ff
```
#7dc7ff rgb(125,199,255)
```
#7d86ff
```
#7d86ff rgb(125,134,255)
```
#b57dff
```
#b57dff rgb(181,125,255)
```

Analogous Color

#c7ff7d
```
#c7ff7d rgb(199,255,125)
```
#7d86ff
```
#7d86ff rgb(125,134,255)
```
#ffb57d
```
#ffb57d rgb(255,181,125)
```

Split Complementary Color

#86ff7d
```
#86ff7d rgb(134,255,125)
```
#7d86ff
```
#7d86ff rgb(125,134,255)
```
#ff7d86
```
#ff7d86 rgb(255,125,134)
```

Triadic Color

#7dfff6
```
#7dfff6 rgb(125,255,246)
```
#7d86ff
```
#7d86ff rgb(125,134,255)
```
#ff7d86
```
#ff7d86 rgb(255,125,134)
```
#fff67d
```
#fff67d rgb(255,246,125)
```

Tetradic Color

#313fff
```
#313fff rgb(49,63,255)
```
#4a57ff
```
#4a57ff rgb(74,87,255)
```
#646eff
```
#646eff rgb(100,110,255)
```
#7d86ff
```
#7d86ff rgb(125,134,255)
```
#979eff
```
#979eff rgb(151,158,255)
```
#b0b5ff
```
#b0b5ff rgb(176,181,255)
```
#cacdff
```
#cacdff rgb(202,205,255)
```

Monochromatic Color

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

#7da7ff
```
#7da7ff rgb(125,167,255)
```
#7d9cff
```
#7d9cff rgb(125,156,255)
```
#7d91ff
```
#7d91ff rgb(125,145,255)
```
#7d86ff
```
#7d86ff rgb(125,134,255)
```
#7f7dff
```
#7f7dff rgb(127,125,255)
```
#8a7dff
```
#8a7dff rgb(138,125,255)
```
#957dff
```
#957dff rgb(149,125,255)
```

Similar Colors

Text with hexadecimal color #7d86ff

This text has a font color of #7d86ff.

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

#7d86ff background color

This paragraph has a background color of #7d86ff.

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

#7d86ff border color

This element has a border color of #7d86ff.

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

CSS codes

.text {color:#7d86ff;}

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

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

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

#000107
```
#000107 rgb(0,1,7)
```
#00021b
```
#00021b rgb(0,2,27)
```
#00032f
```
#00032f rgb(0,3,47)
```
#000542
```
#000542 rgb(0,5,66)
```
#000656
```
#000656 rgb(0,6,86)
```
#000769
```
#000769 rgb(0,7,105)
```
#00097d
```
#00097d rgb(0,9,125)
```
#000a91
```
#000a91 rgb(0,10,145)
```
#000ba4
```
#000ba4 rgb(0,11,164)
```
#000db8
```
#000db8 rgb(0,13,184)
```
#000ecb
```
#000ecb rgb(0,14,203)
```
#000fdf
```
#000fdf rgb(0,15,223)
```
#0011f3
```
#0011f3 rgb(0,17,243)
```

Shade Color Variation

#0718ff
```
#0718ff rgb(7,24,255)
```
#1b2bff
```
#1b2bff rgb(27,43,255)
```
#2f3dff
```
#2f3dff rgb(47,61,255)
```
#424fff
```
#424fff rgb(66,79,255)
```
#5661ff
```
#5661ff rgb(86,97,255)
```
#6974ff
```
#6974ff rgb(105,116,255)
```
#7d86ff
```
#7d86ff rgb(125,134,255)
```
#9198ff
```
#9198ff rgb(145,152,255)
```
#a4abff
```
#a4abff rgb(164,171,255)
```
#b8bdff
```
#b8bdff rgb(184,189,255)
```
#cbcfff
```
#cbcfff rgb(203,207,255)
```
#dfe1ff
```
#dfe1ff rgb(223,225,255)
```
#f3f4ff
```
#f3f4ff rgb(243,244,255)
```

Tint Color Variation

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

#b9bac3
```
#b9bac3 rgb(185,186,195)
```
#b4b5c8
```
#b4b5c8 rgb(180,181,200)
```
#afb1cd
```
#afb1cd rgb(175,177,205)
```
#aaadd2
```
#aaadd2 rgb(170,173,210)
```
#a5a8d7
```
#a5a8d7 rgb(165,168,215)
```
#a0a4dc
```
#a0a4dc rgb(160,164,220)
```
#9ba0e1
```
#9ba0e1 rgb(155,160,225)
```
#969ce6
```
#969ce6 rgb(150,156,230)
```
#9197eb
```
#9197eb rgb(145,151,235)
```
#8c93f0
```
#8c93f0 rgb(140,147,240)
```
#878ff5
```
#878ff5 rgb(135,143,245)
```
#828afa
```
#828afa rgb(130,138,250)
```
#7d86ff
```
#7d86ff rgb(125,134,255)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#8d8fa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f94ff Protanopia 1% of men
#3d99f9 Deuteranopia 1% of men
#60a0ac Tritanopia 0.001% of the population

Trichromacy

#6a8eff Protanomaly 1% of men, 0.01% of women
#5492fb Deuteranomaly 6% of men, 0.4% of women
#6b97ca Tritanomaly 0.01% of the population

#7d86ff hex color

#7d86ff Color Information

#7d86ff Color Conversion

Color Schemes with #7d86ff

Alternatives to #7d86ff

#7d86ff Preview

Shades and Tints of #7d86ff

Tones of #7d86ff

Color Blindness Simulator