#7978fb hex color

In a RGB color space, hex #7978fb is composed of 47.5% red, 47.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 52.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 240.5 degrees, a saturation of 94.2% and a lightness of 72.7%. #7978fb color hex could be obtained by blending #f2f0ff with #0000f7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 47
- G 47
- B 98
RGB color chart
- C 52
- M 52
- Y 0
- K 2
CMYK color chart

● #7978fb color description : Soft blue.

The hexadecimal color #7978fb has RGB values of R:121, G:120, B:251 and CMYK values of C:0.52, M:0.52, Y:0, K:0.02. Its decimal value is 7960827.

Hex triplet	7978fb	`#7978fb`
RGB Decimal	121, 120, 251	`rgb(121,120,251)`
RGB Percent	47.5, 47.1, 98.4	`rgb(47.5%,47.1%,98.4%)`
CMYK	52, 52, 0, 2
HSL	240.5°, 94.2, 72.7	`hsl(240.5,94.2%,72.7%)`
HSV (or HSB)	240.5°, 52.2, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.547, 35.171, -65.556
XYZ	32.011, 24.462, 94.296
xyY	0.212, 0.162, 24.462
CIE-LCH	56.547, 74.395, 298.214
CIE-LUV	56.547, -7.385, -106.918
Hunter-Lab	49.459, 28.976, -78.419
Binary	01111001, 01111000, 11111011

#7978fb
```
#7978fb rgb(121,120,251)
```
#fafb78
```
#fafb78 rgb(250,251,120)
```

Complementary Color

#78b9fb
```
#78b9fb rgb(120,185,251)
```
#7978fb
```
#7978fb rgb(121,120,251)
```
#bb78fb
```
#bb78fb rgb(187,120,251)
```

Analogous Color

#b9fb78
```
#b9fb78 rgb(185,251,120)
```
#7978fb
```
#7978fb rgb(121,120,251)
```
#fbbb78
```
#fbbb78 rgb(251,187,120)
```

Split Complementary Color

#78fb79
```
#78fb79 rgb(120,251,121)
```
#7978fb
```
#7978fb rgb(121,120,251)
```
#fb7978
```
#fb7978 rgb(251,121,120)
```

Triadic Color

#78fafb
```
#78fafb rgb(120,250,251)
```
#7978fb
```
#7978fb rgb(121,120,251)
```
#fb7978
```
#fb7978 rgb(251,121,120)
```
#fafb78
```
#fafb78 rgb(250,251,120)
```

Tetradic Color

#2f2ef9
```
#2f2ef9 rgb(47,46,249)
```
#4846fa
```
#4846fa rgb(72,70,250)
```
#605ffa
```
#605ffa rgb(96,95,250)
```
#7978fb
```
#7978fb rgb(121,120,251)
```
#9291fc
```
#9291fc rgb(146,145,252)
```
#aaaafc
```
#aaaafc rgb(170,170,252)
```
#c3c2fd
```
#c3c2fd rgb(195,194,253)
```

Monochromatic Color

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

#7898fb
```
#7898fb rgb(120,152,251)
```
#788dfb
```
#788dfb rgb(120,141,251)
```
#7882fb
```
#7882fb rgb(120,130,251)
```
#7978fb
```
#7978fb rgb(121,120,251)
```
#8478fb
```
#8478fb rgb(132,120,251)
```
#8f78fb
```
#8f78fb rgb(143,120,251)
```
#9a78fb
```
#9a78fb rgb(154,120,251)
```

Similar Colors

Text with hexadecimal color #7978fb

This text has a font color of #7978fb.

<span style="color:#7978fb;">Text here</span>

#7978fb background color

This paragraph has a background color of #7978fb.

<p style="background-color:#7978fb;">Content here</p>

#7978fb border color

This element has a border color of #7978fb.

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

CSS codes

.text {color:#7978fb;}

.background {background-color:#7978fb;}

.border {border:1px solid #7978fb;}

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

#010111
```
#010111 rgb(1,1,17)
```
#010124
```
#010124 rgb(1,1,36)
```
#020238
```
#020238 rgb(2,2,56)
```
#03024b
```
#03024b rgb(3,2,75)
```
#03035e
```
#03035e rgb(3,3,94)
```
#040371
```
#040371 rgb(4,3,113)
```
#050484
```
#050484 rgb(5,4,132)
```
#060497
```
#060497 rgb(6,4,151)
```
#0605aa
```
#0605aa rgb(6,5,170)
```
#0706bd
```
#0706bd rgb(7,6,189)
```
#0806d0
```
#0806d0 rgb(8,6,208)
```
#0807e3
```
#0807e3 rgb(8,7,227)
```
#0907f6
```
#0907f6 rgb(9,7,246)
```

Shade Color Variation

#1a19f8
```
#1a19f8 rgb(26,25,248)
```
#2d2cf9
```
#2d2cf9 rgb(45,44,249)
```
#403ff9
```
#403ff9 rgb(64,63,249)
```
#5352fa
```
#5352fa rgb(83,82,250)
```
#6665fa
```
#6665fa rgb(102,101,250)
```
#7978fb
```
#7978fb rgb(121,120,251)
```
#8c8bfc
```
#8c8bfc rgb(140,139,252)
```
#9f9efc
```
#9f9efc rgb(159,158,252)
```
#b2b1fd
```
#b2b1fd rgb(178,177,253)
```
#c5c4fd
```
#c5c4fd rgb(197,196,253)
```
#d8d7fe
```
#d8d7fe rgb(216,215,254)
```
#eaeafe
```
#eaeafe rgb(234,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#b8b8bb
```
#b8b8bb rgb(184,184,187)
```
#b3b3c0
```
#b3b3c0 rgb(179,179,192)
```
#aeadc6
```
#aeadc6 rgb(174,173,198)
```
#a8a8cb
```
#a8a8cb rgb(168,168,203)
```
#a3a3d0
```
#a3a3d0 rgb(163,163,208)
```
#9e9dd6
```
#9e9dd6 rgb(158,157,214)
```
#9998db
```
#9998db rgb(153,152,219)
```
#9393e0
```
#9393e0 rgb(147,147,224)
```
#8e8de6
```
#8e8de6 rgb(142,141,230)
```
#8988eb
```
#8988eb rgb(137,136,235)
```
#8483f0
```
#8483f0 rgb(132,131,240)
```
#7e7df6
```
#7e7df6 rgb(126,125,246)
```
#7978fb
```
#7978fb rgb(121,120,251)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#84849e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4389ff Protanopia 1% of men
#0090ef Deuteranopia 1% of men
#5996a1 Tritanopia 0.001% of the population

Trichromacy

#5683fd Protanomaly 1% of men, 0.01% of women
#2c87f3 Deuteranomaly 6% of men, 0.4% of women
#648bc2 Tritanomaly 0.01% of the population

#7978fb hex color

#7978fb Color Information

#7978fb Color Conversion

Color Schemes with #7978fb

Alternatives to #7978fb

#7978fb Preview

Shades and Tints of #7978fb

Tones of #7978fb

Color Blindness Simulator