#7f78f6 hex color

In a RGB color space, hex #7f78f6 is composed of 49.8% red, 47.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 48.4% cyan, 51.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 243.3 degrees, a saturation of 87.5% and a lightness of 71.8%. #7f78f6 color hex could be obtained by blending #fef0ff with #0000ed. Closest websafe color is: #6666ff.

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

● #7f78f6 color description : Soft blue.

The hexadecimal color #7f78f6 has RGB values of R:127, G:120, B:246 and CMYK values of C:0.48, M:0.51, Y:0, K:0.04. Its decimal value is 8354038.

Hex triplet	7f78f6	`#7f78f6`
RGB Decimal	127, 120, 246	`rgb(127,120,246)`
RGB Percent	49.8, 47.1, 96.5	`rgb(49.8%,47.1%,96.5%)`
CMYK	48, 51, 0, 4
HSL	243.3°, 87.5, 71.8	`hsl(243.3,87.5%,71.8%)`
HSV (or HSB)	243.3°, 51.2, 96.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	56.681, 34.916, -62.551
XYZ	32.1, 24.598, 90.24
xyY	0.218, 0.167, 24.598
CIE-LCH	56.681, 71.636, 299.17
CIE-LUV	56.681, -4.942, -102.274
Hunter-Lab	49.596, 28.737, -73.161
Binary	01111111, 01111000, 11110110

#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#eff678
```
#eff678 rgb(239,246,120)
```

Complementary Color

#78b0f6
```
#78b0f6 rgb(120,176,246)
```
#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#be78f6
```
#be78f6 rgb(190,120,246)
```

Analogous Color

#b0f678
```
#b0f678 rgb(176,246,120)
```
#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#f6be78
```
#f6be78 rgb(246,190,120)
```

Split Complementary Color

#78f67f
```
#78f67f rgb(120,246,127)
```
#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#f67f78
```
#f67f78 rgb(246,127,120)
```

Triadic Color

#78eff6
```
#78eff6 rgb(120,239,246)
```
#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#f67f78
```
#f67f78 rgb(246,127,120)
```
#eff678
```
#eff678 rgb(239,246,120)
```

Tetradic Color

#3b30f1
```
#3b30f1 rgb(59,48,241)
```
#5248f3
```
#5248f3 rgb(82,72,243)
```
#6860f4
```
#6860f4 rgb(104,96,244)
```
#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#9690f8
```
#9690f8 rgb(150,144,248)
```
#aca8f9
```
#aca8f9 rgb(172,168,249)
```
#c3c0fb
```
#c3c0fb rgb(195,192,251)
```

Monochromatic Color

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

#7891f6
```
#7891f6 rgb(120,145,246)
```
#7886f6
```
#7886f6 rgb(120,134,246)
```
#787cf6
```
#787cf6 rgb(120,124,246)
```
#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#8a78f6
```
#8a78f6 rgb(138,120,246)
```
#9478f6
```
#9478f6 rgb(148,120,246)
```
#9f78f6
```
#9f78f6 rgb(159,120,246)
```

Similar Colors

Text with hexadecimal color #7f78f6

This text has a font color of #7f78f6.

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

#7f78f6 background color

This paragraph has a background color of #7f78f6.

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

#7f78f6 border color

This element has a border color of #7f78f6.

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

CSS codes

.text {color:#7f78f6;}

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

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

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, #01010c is the darkest color, while #f9f9ff is the lightest one.

#01010c
```
#01010c rgb(1,1,12)
```
#04021f
```
#04021f rgb(4,2,31)
```
#060331
```
#060331 rgb(6,3,49)
```
#080443
```
#080443 rgb(8,4,67)
```
#0a0656
```
#0a0656 rgb(10,6,86)
```
#0c0768
```
#0c0768 rgb(12,7,104)
```
#0f087a
```
#0f087a rgb(15,8,122)
```
#11098d
```
#11098d rgb(17,9,141)
```
#130b9f
```
#130b9f rgb(19,11,159)
```
#150cb2
```
#150cb2 rgb(21,12,178)
```
#170dc4
```
#170dc4 rgb(23,13,196)
```
#190ed6
```
#190ed6 rgb(25,14,214)
```
#1c10e9
```
#1c10e9 rgb(28,16,233)
```

Shade Color Variation

#281cf0
```
#281cf0 rgb(40,28,240)
```
#392ef1
```
#392ef1 rgb(57,46,241)
```
#4b41f2
```
#4b41f2 rgb(75,65,242)
```
#5c53f4
```
#5c53f4 rgb(92,83,244)
```
#6e66f5
```
#6e66f5 rgb(110,102,245)
```
#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#908af7
```
#908af7 rgb(144,138,247)
```
#a29df8
```
#a29df8 rgb(162,157,248)
```
#b3affa
```
#b3affa rgb(179,175,250)
```
#c5c2fb
```
#c5c2fb rgb(197,194,251)
```
#d6d4fc
```
#d6d4fc rgb(214,212,252)
```
#e8e6fd
```
#e8e6fd rgb(232,230,253)
```
#f9f9ff
```
#f9f9ff rgb(249,249,255)
```

Tint Color Variation

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

#b5b5b9
```
#b5b5b9 rgb(181,181,185)
```
#b0afbf
```
#b0afbf rgb(176,175,191)
```
#abaac4
```
#abaac4 rgb(171,170,196)
```
#a6a4ca
```
#a6a4ca rgb(166,164,202)
```
#a19fcf
```
#a19fcf rgb(161,159,207)
```
#9d99d5
```
#9d99d5 rgb(157,153,213)
```
#9894da
```
#9894da rgb(152,148,218)
```
#938ee0
```
#938ee0 rgb(147,142,224)
```
#8e89e5
```
#8e89e5 rgb(142,137,229)
```
#8983eb
```
#8983eb rgb(137,131,235)
```
#847ef0
```
#847ef0 rgb(132,126,240)
```
#7f78f6
```
#7f78f6 rgb(127,120,246)
```
#7a72fc
```
#7a72fc rgb(122,114,252)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#86859e Atypical Achromatopsia 0.001% of the population

Dichromacy

#448aff Protanopia 1% of men
#2090ef Deuteranopia 1% of men
#6495a0 Tritanopia 0.001% of the population

Trichromacy

#5983fb Protanomaly 1% of men, 0.01% of women
#4387f1 Deuteranomaly 6% of men, 0.4% of women
#6e8abf Tritanomaly 0.01% of the population

#7f78f6 hex color

#7f78f6 Color Information

#7f78f6 Color Conversion

Color Schemes with #7f78f6

Alternatives to #7f78f6

#7f78f6 Preview

Shades and Tints of #7f78f6

Tones of #7f78f6

Color Blindness Simulator