#7d86ef hex color

In a RGB color space, hex #7d86ef is composed of 49% red, 52.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 43.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 235.3 degrees, a saturation of 78.1% and a lightness of 71.4%. #7d86ef color hex could be obtained by blending #faffff with #000ddf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 49
- G 53
- B 94
RGB color chart
- C 48
- M 44
- Y 0
- K 6
CMYK color chart

● #7d86ef color description : Soft blue.

The hexadecimal color #7d86ef has RGB values of R:125, G:134, B:239 and CMYK values of C:0.48, M:0.44, Y:0, K:0.06. Its decimal value is 8226543.

Hex triplet	7d86ef	`#7d86ef`
RGB Decimal	125, 134, 239	`rgb(125,134,239)`
RGB Percent	49, 52.5, 93.7	`rgb(49%,52.5%,93.7%)`
CMYK	48, 44, 0, 6
HSL	235.3°, 78.1, 71.4	`hsl(235.3,78.1%,71.4%)`
HSV (or HSB)	235.3°, 47.7, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.563, 24.148, -54.073
XYZ	32.559, 27.641, 85.276
xyY	0.224, 0.19, 27.641
CIE-LCH	59.563, 59.22, 294.065
CIE-LUV	59.563, -9.742, -88.636
Hunter-Lab	52.575, 18.539, -59.366
Binary	01111101, 10000110, 11101111

#7d86ef
```
#7d86ef rgb(125,134,239)
```
#efe67d
```
#efe67d rgb(239,230,125)
```

Complementary Color

#7dbfef
```
#7dbfef rgb(125,191,239)
```
#7d86ef
```
#7d86ef rgb(125,134,239)
```
#ad7def
```
#ad7def rgb(173,125,239)
```

Analogous Color

#bfef7d
```
#bfef7d rgb(191,239,125)
```
#7d86ef
```
#7d86ef rgb(125,134,239)
```
#efad7d
```
#efad7d rgb(239,173,125)
```

Split Complementary Color

#86ef7d
```
#86ef7d rgb(134,239,125)
```
#7d86ef
```
#7d86ef rgb(125,134,239)
```
#ef7d86
```
#ef7d86 rgb(239,125,134)
```

Triadic Color

#7defe6
```
#7defe6 rgb(125,239,230)
```
#7d86ef
```
#7d86ef rgb(125,134,239)
```
#ef7d86
```
#ef7d86 rgb(239,125,134)
```
#efe67d
```
#efe67d rgb(239,230,125)
```

Tetradic Color

#3947e7
```
#3947e7 rgb(57,71,231)
```
#505ce9
```
#505ce9 rgb(80,92,233)
```
#6671ec
```
#6671ec rgb(102,113,236)
```
#7d86ef
```
#7d86ef rgb(125,134,239)
```
#949bf2
```
#949bf2 rgb(148,155,242)
```
#aab0f5
```
#aab0f5 rgb(170,176,245)
```
#c1c5f7
```
#c1c5f7 rgb(193,197,247)
```

Monochromatic Color

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

#7da3ef
```
#7da3ef rgb(125,163,239)
```
#7d99ef
```
#7d99ef rgb(125,153,239)
```
#7d90ef
```
#7d90ef rgb(125,144,239)
```
#7d86ef
```
#7d86ef rgb(125,134,239)
```
#7e7def
```
#7e7def rgb(126,125,239)
```
#877def
```
#877def rgb(135,125,239)
```
#917def
```
#917def rgb(145,125,239)
```

Similar Colors

Text with hexadecimal color #7d86ef

This text has a font color of #7d86ef.

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

#7d86ef background color

This paragraph has a background color of #7d86ef.

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

#7d86ef border color

This element has a border color of #7d86ef.

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

CSS codes

.text {color:#7d86ef;}

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

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

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, #01020a is the darkest color, while #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#03051b
```
#03051b rgb(3,5,27)
```
#05092d
```
#05092d rgb(5,9,45)
```
#080c3e
```
#080c3e rgb(8,12,62)
```
#0a0f50
```
#0a0f50 rgb(10,15,80)
```
#0c1361
```
#0c1361 rgb(12,19,97)
```
#0e1673
```
#0e1673 rgb(14,22,115)
```
#101984
```
#101984 rgb(16,25,132)
```
#121d95
```
#121d95 rgb(18,29,149)
```
#1520a7
```
#1520a7 rgb(21,32,167)
```
#1723b8
```
#1723b8 rgb(23,35,184)
```
#1927ca
```
#1927ca rgb(25,39,202)
```
#1b2adb
```
#1b2adb rgb(27,42,219)
```

Shade Color Variation

#2635e4
```
#2635e4 rgb(38,53,228)
```
#3745e6
```
#3745e6 rgb(55,69,230)
```
#4955e9
```
#4955e9 rgb(73,85,233)
```
#5a65eb
```
#5a65eb rgb(90,101,235)
```
#6c76ed
```
#6c76ed rgb(108,118,237)
```
#7d86ef
```
#7d86ef rgb(125,134,239)
```
#8e96f1
```
#8e96f1 rgb(142,150,241)
```
#a0a7f3
```
#a0a7f3 rgb(160,167,243)
```
#b1b7f5
```
#b1b7f5 rgb(177,183,245)
```
#c3c7f8
```
#c3c7f8 rgb(195,199,248)
```
#d4d7fa
```
#d4d7fa rgb(212,215,250)
```
#e6e8fc
```
#e6e8fc rgb(230,232,252)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#b5b5b7
```
#b5b5b7 rgb(181,181,183)
```
#b0b1bc
```
#b0b1bc rgb(176,177,188)
```
#aaacc2
```
#aaacc2 rgb(170,172,194)
```
#a4a7c8
```
#a4a7c8 rgb(164,167,200)
```
#9fa2cd
```
#9fa2cd rgb(159,162,205)
```
#999ed3
```
#999ed3 rgb(153,158,211)
```
#9399d9
```
#9399d9 rgb(147,153,217)
```
#8e94de
```
#8e94de rgb(142,148,222)
```
#888fe4
```
#888fe4 rgb(136,143,228)
```
#838be9
```
#838be9 rgb(131,139,233)
```
#7d86ef
```
#7d86ef rgb(125,134,239)
```
#7781f5
```
#7781f5 rgb(119,129,245)
```
#727dfa
```
#727dfa rgb(114,125,250)
```

Tone Color Variation

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

#6592f4 Protanopia 1% of men
#5696eb Deuteranopia 1% of men
#689da8 Tritanopia 0.001% of the population

Trichromacy

#6e8df2 Protanomaly 1% of men, 0.01% of women
#6490ed Deuteranomaly 6% of men, 0.4% of women
#7094c2 Tritanomaly 0.01% of the population

#7d86ef hex color

#7d86ef Color Information

#7d86ef Color Conversion

Color Schemes with #7d86ef

Alternatives to #7d86ef

#7d86ef Preview

Shades and Tints of #7d86ef

Tones of #7d86ef

Color Blindness Simulator