#7881f5 hex color

In a RGB color space, hex #7881f5 is composed of 47.1% red, 50.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 51% cyan, 47.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 235.7 degrees, a saturation of 86.2% and a lightness of 71.6%. #7881f5 color hex could be obtained by blending #f0ffff with #0003eb. Closest websafe color is: #6699ff.

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

● #7881f5 color description : Soft blue.

The hexadecimal color #7881f5 has RGB values of R:120, G:129, B:245 and CMYK values of C:0.51, M:0.47, Y:0, K:0.04. Its decimal value is 7897589.

Hex triplet	7881f5	`#7881f5`
RGB Decimal	120, 129, 245	`rgb(120,129,245)`
RGB Percent	47.1, 50.6, 96.1	`rgb(47.1%,50.6%,96.1%)`
CMYK	51, 47, 0, 4
HSL	235.7°, 86.2, 71.6	`hsl(235.7,86.2%,71.6%)`
HSV (or HSB)	235.7°, 51, 96.1
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.307, 27.817, -59.419
XYZ	32.074, 26.285, 89.765
xyY	0.217, 0.177, 26.285
CIE-LCH	58.307, 65.607, 295.087
CIE-LUV	58.307, -10.165, -97.227
Hunter-Lab	51.269, 21.95, -67.92
Binary	01111000, 10000001, 11110101

#7881f5
```
#7881f5 rgb(120,129,245)
```
#f5ec78
```
#f5ec78 rgb(245,236,120)
```

Complementary Color

#78c0f5
```
#78c0f5 rgb(120,192,245)
```
#7881f5
```
#7881f5 rgb(120,129,245)
```
#ae78f5
```
#ae78f5 rgb(174,120,245)
```

Analogous Color

#c0f578
```
#c0f578 rgb(192,245,120)
```
#7881f5
```
#7881f5 rgb(120,129,245)
```
#f5ae78
```
#f5ae78 rgb(245,174,120)
```

Split Complementary Color

#81f578
```
#81f578 rgb(129,245,120)
```
#7881f5
```
#7881f5 rgb(120,129,245)
```
#f57881
```
#f57881 rgb(245,120,129)
```

Triadic Color

#78f5ec
```
#78f5ec rgb(120,245,236)
```
#7881f5
```
#7881f5 rgb(120,129,245)
```
#f57881
```
#f57881 rgb(245,120,129)
```
#f5ec78
```
#f5ec78 rgb(245,236,120)
```

Tetradic Color

#313ff0
```
#313ff0 rgb(49,63,240)
```
#4955f1
```
#4955f1 rgb(73,85,241)
```
#606bf3
```
#606bf3 rgb(96,107,243)
```
#7881f5
```
#7881f5 rgb(120,129,245)
```
#9097f7
```
#9097f7 rgb(144,151,247)
```
#a7adf9
```
#a7adf9 rgb(167,173,249)
```
#bfc3fa
```
#bfc3fa rgb(191,195,250)
```

Monochromatic Color

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

#78a0f5
```
#78a0f5 rgb(120,160,245)
```
#7896f5
```
#7896f5 rgb(120,150,245)
```
#788bf5
```
#788bf5 rgb(120,139,245)
```
#7881f5
```
#7881f5 rgb(120,129,245)
```
#7978f5
```
#7978f5 rgb(121,120,245)
```
#8478f5
```
#8478f5 rgb(132,120,245)
```
#8e78f5
```
#8e78f5 rgb(142,120,245)
```

Similar Colors

Text with hexadecimal color #7881f5

This text has a font color of #7881f5.

<span style="color:#7881f5;">Text here</span>

#7881f5 background color

This paragraph has a background color of #7881f5.

<p style="background-color:#7881f5;">Content here</p>

#7881f5 border color

This element has a border color of #7881f5.

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

CSS codes

.text {color:#7881f5;}

.background {background-color:#7881f5;}

.border {border:1px solid #7881f5;}

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

#01020b
```
#01020b rgb(1,2,11)
```
#02041d
```
#02041d rgb(2,4,29)
```
#040730
```
#040730 rgb(4,7,48)
```
#050942
```
#050942 rgb(5,9,66)
```
#060c54
```
#060c54 rgb(6,12,84)
```
#080e66
```
#080e66 rgb(8,14,102)
```
#091179
```
#091179 rgb(9,17,121)
```
#0a148b
```
#0a148b rgb(10,20,139)
```
#0c169d
```
#0c169d rgb(12,22,157)
```
#0d19af
```
#0d19af rgb(13,25,175)
```
#0e1bc2
```
#0e1bc2 rgb(14,27,194)
```
#101ed4
```
#101ed4 rgb(16,30,212)
```
#1120e6
```
#1120e6 rgb(17,32,230)
```

Shade Color Variation

#1d2cee
```
#1d2cee rgb(29,44,238)
```
#2f3df0
```
#2f3df0 rgb(47,61,240)
```
#414ef1
```
#414ef1 rgb(65,78,241)
```
#535ff2
```
#535ff2 rgb(83,95,242)
```
#6670f4
```
#6670f4 rgb(102,112,244)
```
#7881f5
```
#7881f5 rgb(120,129,245)
```
#8a92f6
```
#8a92f6 rgb(138,146,246)
```
#9da3f8
```
#9da3f8 rgb(157,163,248)
```
#afb4f9
```
#afb4f9 rgb(175,180,249)
```
#c1c5fa
```
#c1c5fa rgb(193,197,250)
```
#d3d6fc
```
#d3d6fc rgb(211,214,252)
```
#e6e7fd
```
#e6e7fd rgb(230,231,253)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#b5b6b8
```
#b5b6b8 rgb(181,182,184)
```
#b0b1bd
```
#b0b1bd rgb(176,177,189)
```
#aaacc3
```
#aaacc3 rgb(170,172,195)
```
#a5a7c8
```
#a5a7c8 rgb(165,167,200)
```
#9fa2ce
```
#9fa2ce rgb(159,162,206)
```
#999ed4
```
#999ed4 rgb(153,158,212)
```
#9499d9
```
#9499d9 rgb(148,153,217)
```
#8e94df
```
#8e94df rgb(142,148,223)
```
#898fe4
```
#898fe4 rgb(137,143,228)
```
#838bea
```
#838bea rgb(131,139,234)
```
#7e86ef
```
#7e86ef rgb(126,134,239)
```
#7881f5
```
#7881f5 rgb(120,129,245)
```
#727cfb
```
#727cfb rgb(114,124,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#888aa1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#568efb Protanopia 1% of men
#3c93f0 Deuteranopia 1% of men
#5d9ba6 Tritanopia 0.001% of the population

Trichromacy

#6289f9 Protanomaly 1% of men, 0.01% of women
#528cf2 Deuteranomaly 6% of men, 0.4% of women
#6791c3 Tritanomaly 0.01% of the population

#7881f5 hex color

#7881f5 Color Information

#7881f5 Color Conversion

Color Schemes with #7881f5

Alternatives to #7881f5

#7881f5 Preview

Shades and Tints of #7881f5

Tones of #7881f5

Color Blindness Simulator