colorhexa.com

#7107f4 hex color

In a RGB color space, hex #7107f4 is composed of 44.3% red, 2.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 97.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 266.8 degrees, a saturation of 94.4% and a lightness of 49.2%. #7107f4 color hex could be obtained by blending #e20eff with #0000e9. Closest websafe color is: #6600ff.

- R 44
- G 3
- B 96
RGB color chart
- C 54
- M 97
- Y 0
- K 4
CMYK color chart

● #7107f4 color description : Vivid violet.

The hexadecimal color #7107f4 has RGB values of R:113, G:7, B:244 and CMYK values of C:0.54, M:0.97, Y:0, K:0.04. Its decimal value is 7407604.

Hex triplet	7107f4	`#7107f4`
RGB Decimal	113, 7, 244	`rgb(113,7,244)`
RGB Percent	44.3, 2.7, 95.7	`rgb(44.3%,2.7%,95.7%)`
CMYK	54, 97, 0, 4
HSL	266.8°, 94.4, 49.2	`hsl(266.8,94.4%,49.2%)`
HSV (or HSB)	266.8°, 97.1, 95.7
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.188, 78.963, -91.68
XYZ	23.212, 10.194, 86.328
xyY	0.194, 0.085, 10.194
CIE-LCH	38.188, 120.998, 310.738
CIE-LUV	38.188, 7.723, -127.824
Hunter-Lab	31.928, 73.899, -137.96
Binary	01110001, 00000111, 11110100

#7107f4
```
#7107f4 rgb(113,7,244)
```
#8af407
```
#8af407 rgb(138,244,7)
```

Complementary Color

#0714f4
```
#0714f4 rgb(7,20,244)
```
#7107f4
```
#7107f4 rgb(113,7,244)
```
#e807f4
```
#e807f4 rgb(232,7,244)
```

Analogous Color

#14f407
```
#14f407 rgb(20,244,7)
```
#7107f4
```
#7107f4 rgb(113,7,244)
```
#f4e807
```
#f4e807 rgb(244,232,7)
```

Split Complementary Color

#07f471
```
#07f471 rgb(7,244,113)
```
#7107f4
```
#7107f4 rgb(113,7,244)
```
#f47107
```
#f47107 rgb(244,113,7)
```

Triadic Color

#4f05aa
```
#4f05aa rgb(79,5,170)
```
#5a06c2
```
#5a06c2 rgb(90,6,194)
```
#6606db
```
#6606db rgb(102,6,219)
```
#7107f4
```
#7107f4 rgb(113,7,244)
```
#7f1cf8
```
#7f1cf8 rgb(127,28,248)
```
#8d35f9
```
#8d35f9 rgb(141,53,249)
```
#9b4efa
```
#9b4efa rgb(155,78,250)
```

Monochromatic Color

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

#3607f4
```
#3607f4 rgb(54,7,244)
```
#4907f4
```
#4907f4 rgb(73,7,244)
```
#5d07f4
```
#5d07f4 rgb(93,7,244)
```
#7107f4
```
#7107f4 rgb(113,7,244)
```
#8507f4
```
#8507f4 rgb(133,7,244)
```
#9907f4
```
#9907f4 rgb(153,7,244)
```
#ac07f4
```
#ac07f4 rgb(172,7,244)
```

Similar Colors

Text with hexadecimal color #7107f4

This text has a font color of #7107f4.

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

#7107f4 background color

This paragraph has a background color of #7107f4.

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

#7107f4 border color

This element has a border color of #7107f4.

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

CSS codes

.text {color:#7107f4;}

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

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

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, #07000f is the darkest color, while #fdfbff is the lightest one.

#07000f
```
#07000f rgb(7,0,15)
```
#100122
```
#100122 rgb(16,1,34)
```
#190235
```
#190235 rgb(25,2,53)
```
#220248
```
#220248 rgb(34,2,72)
```
#2a035b
```
#2a035b rgb(42,3,91)
```
#33036f
```
#33036f rgb(51,3,111)
```
#3c0482
```
#3c0482 rgb(60,4,130)
```
#450495
```
#450495 rgb(69,4,149)
```
#4e05a8
```
#4e05a8 rgb(78,5,168)
```
#5705bb
```
#5705bb rgb(87,5,187)
```
#5f06ce
```
#5f06ce rgb(95,6,206)
```
#6806e1
```
#6806e1 rgb(104,6,225)
```
#7107f4
```
#7107f4 rgb(113,7,244)
```

Shade Color Variation

#7b16f8
```
#7b16f8 rgb(123,22,248)
```
#8629f9
```
#8629f9 rgb(134,41,249)
```
#913cf9
```
#913cf9 rgb(145,60,249)
```
#9c4ffa
```
#9c4ffa rgb(156,79,250)
```
#a763fb
```
#a763fb rgb(167,99,251)
```
#b176fb
```
#b176fb rgb(177,118,251)
```
#bc89fc
```
#bc89fc rgb(188,137,252)
```
#c79cfc
```
#c79cfc rgb(199,156,252)
```
#d2affd
```
#d2affd rgb(210,175,253)
```
#dcc2fd
```
#dcc2fd rgb(220,194,253)
```
#e7d5fe
```
#e7d5fe rgb(231,213,254)
```
#f2e8fe
```
#f2e8fe rgb(242,232,254)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#7d7b80
```
#7d7b80 rgb(125,123,128)
```
#7c718a
```
#7c718a rgb(124,113,138)
```
#7b6893
```
#7b6893 rgb(123,104,147)
```
#7a5e9d
```
#7a5e9d rgb(122,94,157)
```
#7954a7
```
#7954a7 rgb(121,84,167)
```
#784bb0
```
#784bb0 rgb(120,75,176)
```
#7741ba
```
#7741ba rgb(119,65,186)
```
#7637c4
```
#7637c4 rgb(118,55,196)
```
#752ecd
```
#752ecd rgb(117,46,205)
```
#7424d7
```
#7424d7 rgb(116,36,215)
```
#731ae1
```
#731ae1 rgb(115,26,225)
```
#7211ea
```
#7211ea rgb(114,17,234)
```
#7107f4
```
#7107f4 rgb(113,7,244)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#4b3666 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#3b6970 Tritanopia 0.001% of the population

Trichromacy

#293fce Protanomaly 1% of men, 0.01% of women
#2942bf Deuteranomaly 6% of men, 0.4% of women
#4f45a0 Tritanomaly 0.01% of the population