#7866f2 hex color

In a RGB color space, hex #7866f2 is composed of 47.1% red, 40% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 50.4% cyan, 57.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 247.7 degrees, a saturation of 84.3% and a lightness of 67.5%. #7866f2 color hex could be obtained by blending #f0ccff with #0000e5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 47
- G 40
- B 95
RGB color chart
- C 50
- M 58
- Y 0
- K 5
CMYK color chart

● #7866f2 color description : Soft blue.

The hexadecimal color #7866f2 has RGB values of R:120, G:102, B:242 and CMYK values of C:0.5, M:0.58, Y:0, K:0.05. Its decimal value is 7890674.

Hex triplet	7866f2	`#7866f2`
RGB Decimal	120, 102, 242	`rgb(120,102,242)`
RGB Percent	47.1, 40, 94.9	`rgb(47.1%,40%,94.9%)`
CMYK	50, 58, 0, 5
HSL	247.7°, 84.3, 67.5	`hsl(247.7,84.3%,67.5%)`
HSV (or HSB)	247.7°, 57.9, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.731, 42.802, -68.34
XYZ	28.521, 19.906, 86.339
xyY	0.212, 0.148, 19.906
CIE-LCH	51.731, 80.637, 302.059
CIE-LUV	51.731, -2.151, -109.402
Hunter-Lab	44.616, 36.03, -83.504
Binary	01111000, 01100110, 11110010

#7866f2
```
#7866f2 rgb(120,102,242)
```
#e0f266
```
#e0f266 rgb(224,242,102)
```

Complementary Color

#669af2
```
#669af2 rgb(102,154,242)
```
#7866f2
```
#7866f2 rgb(120,102,242)
```
#be66f2
```
#be66f2 rgb(190,102,242)
```

Analogous Color

#9af266
```
#9af266 rgb(154,242,102)
```
#7866f2
```
#7866f2 rgb(120,102,242)
```
#f2be66
```
#f2be66 rgb(242,190,102)
```

Split Complementary Color

#66f278
```
#66f278 rgb(102,242,120)
```
#7866f2
```
#7866f2 rgb(120,102,242)
```
#f27866
```
#f27866 rgb(242,120,102)
```

Triadic Color

#66e0f2
```
#66e0f2 rgb(102,224,242)
```
#7866f2
```
#7866f2 rgb(120,102,242)
```
#f27866
```
#f27866 rgb(242,120,102)
```
#e0f266
```
#e0f266 rgb(224,242,102)
```

Tetradic Color

#3a1fec
```
#3a1fec rgb(58,31,236)
```
#4f37ee
```
#4f37ee rgb(79,55,238)
```
#634ef0
```
#634ef0 rgb(99,78,240)
```
#7866f2
```
#7866f2 rgb(120,102,242)
```
#8d7ef4
```
#8d7ef4 rgb(141,126,244)
```
#a195f6
```
#a195f6 rgb(161,149,246)
```
#b6adf8
```
#b6adf8 rgb(182,173,248)
```

Monochromatic Color

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

#6677f2
```
#6677f2 rgb(102,119,242)
```
#666bf2
```
#666bf2 rgb(102,107,242)
```
#6c66f2
```
#6c66f2 rgb(108,102,242)
```
#7866f2
```
#7866f2 rgb(120,102,242)
```
#8466f2
```
#8466f2 rgb(132,102,242)
```
#8f66f2
```
#8f66f2 rgb(143,102,242)
```
#9b66f2
```
#9b66f2 rgb(155,102,242)
```

Similar Colors

Text with hexadecimal color #7866f2

This text has a font color of #7866f2.

<span style="color:#7866f2;">Text here</span>

#7866f2 background color

This paragraph has a background color of #7866f2.

<p style="background-color:#7866f2;">Content here</p>

#7866f2 border color

This element has a border color of #7866f2.

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

CSS codes

.text {color:#7866f2;}

.background {background-color:#7866f2;}

.border {border:1px solid #7866f2;}

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

#02010a
```
#02010a rgb(2,1,10)
```
#06021c
```
#06021c rgb(6,2,28)
```
#09042e
```
#09042e rgb(9,4,46)
```
#0d0540
```
#0d0540 rgb(13,5,64)
```
#110752
```
#110752 rgb(17,7,82)
```
#140964
```
#140964 rgb(20,9,100)
```
#180a76
```
#180a76 rgb(24,10,118)
```
#1c0c88
```
#1c0c88 rgb(28,12,136)
```
#1f0d9a
```
#1f0d9a rgb(31,13,154)
```
#230fac
```
#230fac rgb(35,15,172)
```
#2710bf
```
#2710bf rgb(39,16,191)
```
#2a12d1
```
#2a12d1 rgb(42,18,209)
```
#2e13e3
```
#2e13e3 rgb(46,19,227)
```

Shade Color Variation

#381eec
```
#381eec rgb(56,30,236)
```
#4830ed
```
#4830ed rgb(72,48,237)
```
#5842ef
```
#5842ef rgb(88,66,239)
```
#6854f0
```
#6854f0 rgb(104,84,240)
```
#7866f2
```
#7866f2 rgb(120,102,242)
```
#8878f4
```
#8878f4 rgb(136,120,244)
```
#988af5
```
#988af5 rgb(152,138,245)
```
#a89cf7
```
#a89cf7 rgb(168,156,247)
```
#b8aef8
```
#b8aef8 rgb(184,174,248)
```
#c8c0fa
```
#c8c0fa rgb(200,192,250)
```
#d8d2fb
```
#d8d2fb rgb(216,210,251)
```
#e8e5fd
```
#e8e5fd rgb(232,229,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#a7a6b2
```
#a7a6b2 rgb(167,166,178)
```
#a39fb9
```
#a39fb9 rgb(163,159,185)
```
#9e99bf
```
#9e99bf rgb(158,153,191)
```
#9993c5
```
#9993c5 rgb(153,147,197)
```
#948ccc
```
#948ccc rgb(148,140,204)
```
#9086d2
```
#9086d2 rgb(144,134,210)
```
#8b80d8
```
#8b80d8 rgb(139,128,216)
```
#8679df
```
#8679df rgb(134,121,223)
```
#8173e5
```
#8173e5 rgb(129,115,229)
```
#7d6cec
```
#7d6cec rgb(125,108,236)
```
#7866f2
```
#7866f2 rgb(120,102,242)
```
#7360f8
```
#7360f8 rgb(115,96,248)
```
#6f59ff
```
#6f59ff rgb(111,89,255)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#7a7793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef7 Protanopia 1% of men
#0084da Deuteranopia 1% of men
#588993 Tritanopia 0.001% of the population

Trichromacy

#2b75f5 Protanomaly 1% of men, 0.01% of women
#2b79e3 Deuteranomaly 6% of men, 0.4% of women
#647cb5 Tritanomaly 0.01% of the population

#7866f2 hex color

#7866f2 Color Information

#7866f2 Color Conversion

Color Schemes with #7866f2

Alternatives to #7866f2

#7866f2 Preview

Shades and Tints of #7866f2

Tones of #7866f2

Color Blindness Simulator