#7864f4 hex color

In a RGB color space, hex #7864f4 is composed of 47.1% red, 39.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 59% magenta, 0% yellow and 4.3% black. It has a hue angle of 248.3 degrees, a saturation of 86.7% and a lightness of 67.5%. #7864f4 color hex could be obtained by blending #f0c8ff with #0000e9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 47
- G 39
- B 96
RGB color chart
- C 51
- M 59
- Y 0
- K 4
CMYK color chart

● #7864f4 color description : Soft blue.

The hexadecimal color #7864f4 has RGB values of R:120, G:100, B:244 and CMYK values of C:0.51, M:0.59, Y:0, K:0.04. Its decimal value is 7890164.

Hex triplet	7864f4	`#7864f4`
RGB Decimal	120, 100, 244	`rgb(120,100,244)`
RGB Percent	47.1, 39.2, 95.7	`rgb(47.1%,39.2%,95.7%)`
CMYK	51, 59, 0, 4
HSL	248.3°, 86.7, 67.5	`hsl(248.3,86.7%,67.5%)`
HSV (or HSB)	248.3°, 59, 95.7
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.426, 44.537, -69.95
XYZ	28.629, 19.638, 87.865
xyY	0.21, 0.144, 19.638
CIE-LCH	51.426, 82.925, 302.485
CIE-LUV	51.426, -1.796, -111.735
Hunter-Lab	44.315, 37.765, -86.536
Binary	01111000, 01100100, 11110100

#7864f4
```
#7864f4 rgb(120,100,244)
```
#e0f464
```
#e0f464 rgb(224,244,100)
```

Complementary Color

#6498f4
```
#6498f4 rgb(100,152,244)
```
#7864f4
```
#7864f4 rgb(120,100,244)
```
#c064f4
```
#c064f4 rgb(192,100,244)
```

Analogous Color

#98f464
```
#98f464 rgb(152,244,100)
```
#7864f4
```
#7864f4 rgb(120,100,244)
```
#f4c064
```
#f4c064 rgb(244,192,100)
```

Split Complementary Color

#64f478
```
#64f478 rgb(100,244,120)
```
#7864f4
```
#7864f4 rgb(120,100,244)
```
#f47864
```
#f47864 rgb(244,120,100)
```

Triadic Color

#64e0f4
```
#64e0f4 rgb(100,224,244)
```
#7864f4
```
#7864f4 rgb(120,100,244)
```
#f47864
```
#f47864 rgb(244,120,100)
```
#e0f464
```
#e0f464 rgb(224,244,100)
```

Tetradic Color

#3a1def
```
#3a1def rgb(58,29,239)
```
#4f34f1
```
#4f34f1 rgb(79,52,241)
```
#634cf2
```
#634cf2 rgb(99,76,242)
```
#7864f4
```
#7864f4 rgb(120,100,244)
```
#8d7cf6
```
#8d7cf6 rgb(141,124,246)
```
#a194f7
```
#a194f7 rgb(161,148,247)
```
#b6abf9
```
#b6abf9 rgb(182,171,249)
```

Monochromatic Color

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

#6474f4
```
#6474f4 rgb(100,116,244)
```
#6468f4
```
#6468f4 rgb(100,104,244)
```
#6c64f4
```
#6c64f4 rgb(108,100,244)
```
#7864f4
```
#7864f4 rgb(120,100,244)
```
#8464f4
```
#8464f4 rgb(132,100,244)
```
#9064f4
```
#9064f4 rgb(144,100,244)
```
#9c64f4
```
#9c64f4 rgb(156,100,244)
```

Similar Colors

Text with hexadecimal color #7864f4

This text has a font color of #7864f4.

<span style="color:#7864f4;">Text here</span>

#7864f4 background color

This paragraph has a background color of #7864f4.

<p style="background-color:#7864f4;">Content here</p>

#7864f4 border color

This element has a border color of #7864f4.

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

CSS codes

.text {color:#7864f4;}

.background {background-color:#7864f4;}

.border {border:1px solid #7864f4;}

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)
```
#09032e
```
#09032e rgb(9,3,46)
```
#0d0541
```
#0d0541 rgb(13,5,65)
```
#110653
```
#110653 rgb(17,6,83)
```
#140765
```
#140765 rgb(20,7,101)
```
#180878
```
#180878 rgb(24,8,120)
```
#1c0a8a
```
#1c0a8a rgb(28,10,138)
```
#1f0b9c
```
#1f0b9c rgb(31,11,156)
```
#230caf
```
#230caf rgb(35,12,175)
```
#270ec1
```
#270ec1 rgb(39,14,193)
```
#2a0fd3
```
#2a0fd3 rgb(42,15,211)
```
#2e10e6
```
#2e10e6 rgb(46,16,230)
```

Shade Color Variation

#381bef
```
#381bef rgb(56,27,239)
```
#482df0
```
#482df0 rgb(72,45,240)
```
#583ff1
```
#583ff1 rgb(88,63,241)
```
#6852f3
```
#6852f3 rgb(104,82,243)
```
#7864f4
```
#7864f4 rgb(120,100,244)
```
#8876f5
```
#8876f5 rgb(136,118,245)
```
#9889f7
```
#9889f7 rgb(152,137,247)
```
#a89bf8
```
#a89bf8 rgb(168,155,248)
```
#b8adf9
```
#b8adf9 rgb(184,173,249)
```
#c8c0fa
```
#c8c0fa rgb(200,192,250)
```
#d8d2fc
```
#d8d2fc rgb(216,210,252)
```
#e8e4fd
```
#e8e4fd rgb(232,228,253)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

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

#abaaae
```
#abaaae rgb(171,170,174)
```
#a6a4b4
```
#a6a4b4 rgb(166,164,180)
```
#a29dbb
```
#a29dbb rgb(162,157,187)
```
#9d97c1
```
#9d97c1 rgb(157,151,193)
```
#9891c7
```
#9891c7 rgb(152,145,199)
```
#948ace
```
#948ace rgb(148,138,206)
```
#8f84d4
```
#8f84d4 rgb(143,132,212)
```
#8a7eda
```
#8a7eda rgb(138,126,218)
```
#8677e1
```
#8677e1 rgb(134,119,225)
```
#8171e7
```
#8171e7 rgb(129,113,231)
```
#7d6aee
```
#7d6aee rgb(125,106,238)
```
#7864f4
```
#7864f4 rgb(120,100,244)
```
#735efa
```
#735efa rgb(115,94,250)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#7a7692 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df5 Protanopia 1% of men
#0084d8 Deuteranopia 1% of men
#568992 Tritanopia 0.001% of the population

Trichromacy

#2b74f5 Protanomaly 1% of men, 0.01% of women
#2b78e2 Deuteranomaly 6% of men, 0.4% of women
#627bb6 Tritanomaly 0.01% of the population

#7864f4 hex color

#7864f4 Color Information

#7864f4 Color Conversion

Color Schemes with #7864f4

Alternatives to #7864f4

#7864f4 Preview

Shades and Tints of #7864f4

Tones of #7864f4

Color Blindness Simulator