#7102f4 hex color

In a RGB color space, hex #7102f4 is composed of 44.3% red, 0.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 99.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 267.5 degrees, a saturation of 98.4% and a lightness of 48.2%. #7102f4 color hex could be obtained by blending #e204ff with #0000e9. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 44
- G 1
- B 96
RGB color chart
- C 54
- M 99
- Y 0
- K 4
CMYK color chart

● #7102f4 color description : Vivid violet.

The hexadecimal color #7102f4 has RGB values of R:113, G:2, B:244 and CMYK values of C:0.54, M:0.99, Y:0, K:0.04. Its decimal value is 7406324.

Hex triplet	7102f4	`#7102f4`
RGB Decimal	113, 2, 244	`rgb(113,2,244)`
RGB Percent	44.3, 0.8, 95.7	`rgb(44.3%,0.8%,95.7%)`
CMYK	54, 99, 0, 4
HSL	267.5°, 98.4, 48.2	`hsl(267.5,98.4%,48.2%)`
HSV (or HSB)	267.5°, 99.2, 95.7
Web Safe	6600ff	`#6600ff`

CIE-LAB	37.995, 79.552, -92
XYZ	23.158, 10.085, 86.309
xyY	0.194, 0.084, 10.085
CIE-LCH	37.995, 121.624, 310.85
CIE-LUV	37.995, 7.858, -127.874
Hunter-Lab	31.758, 74.589, -138.906
Binary	01110001, 00000010, 11110100

#7102f4
```
#7102f4 rgb(113,2,244)
```
#85f402
```
#85f402 rgb(133,244,2)
```

Complementary Color

#020cf4
```
#020cf4 rgb(2,12,244)
```
#7102f4
```
#7102f4 rgb(113,2,244)
```
#ea02f4
```
#ea02f4 rgb(234,2,244)
```

Analogous Color

#0cf402
```
#0cf402 rgb(12,244,2)
```
#7102f4
```
#7102f4 rgb(113,2,244)
```
#f4ea02
```
#f4ea02 rgb(244,234,2)
```

Split Complementary Color

#02f471
```
#02f471 rgb(2,244,113)
```
#7102f4
```
#7102f4 rgb(113,2,244)
```
#f47102
```
#f47102 rgb(244,113,2)
```

Triadic Color

#0285f4
```
#0285f4 rgb(2,133,244)
```
#7102f4
```
#7102f4 rgb(113,2,244)
```
#f47102
```
#f47102 rgb(244,113,2)
```
#85f402
```
#85f402 rgb(133,244,2)
```

Tetradic Color

#4e01a8
```
#4e01a8 rgb(78,1,168)
```
#5a02c1
```
#5a02c1 rgb(90,2,193)
```
#6502db
```
#6502db rgb(101,2,219)
```
#7102f4
```
#7102f4 rgb(113,2,244)
```
#7e12fd
```
#7e12fd rgb(126,18,253)
```
#8c2cfd
```
#8c2cfd rgb(140,44,253)
```
#9a45fd
```
#9a45fd rgb(154,69,253)
```

Monochromatic Color

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

#3502f4
```
#3502f4 rgb(53,2,244)
```
#4902f4
```
#4902f4 rgb(73,2,244)
```
#5d02f4
```
#5d02f4 rgb(93,2,244)
```
#7102f4
```
#7102f4 rgb(113,2,244)
```
#8502f4
```
#8502f4 rgb(133,2,244)
```
#9902f4
```
#9902f4 rgb(153,2,244)
```
#ae02f4
```
#ae02f4 rgb(174,2,244)
```

Similar Colors

Text with hexadecimal color #7102f4

This text has a font color of #7102f4.

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

#7102f4 background color

This paragraph has a background color of #7102f4.

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

#7102f4 border color

This element has a border color of #7102f4.

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

CSS codes

.text {color:#7102f4;}

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

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

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

#05000b
```
#05000b rgb(5,0,11)
```
#0e001e
```
#0e001e rgb(14,0,30)
```
#170031
```
#170031 rgb(23,0,49)
```
#200145
```
#200145 rgb(32,1,69)
```
#290158
```
#290158 rgb(41,1,88)
```
#32016c
```
#32016c rgb(50,1,108)
```
#3b017f
```
#3b017f rgb(59,1,127)
```
#440193
```
#440193 rgb(68,1,147)
```
#4d01a6
```
#4d01a6 rgb(77,1,166)
```
#5602ba
```
#5602ba rgb(86,2,186)
```
#5f02cd
```
#5f02cd rgb(95,2,205)
```
#6802e1
```
#6802e1 rgb(104,2,225)
```
#7102f4
```
#7102f4 rgb(113,2,244)
```

Shade Color Variation

#7b0dfd
```
#7b0dfd rgb(123,13,253)
```
#8520fd
```
#8520fd rgb(133,32,253)
```
#9034fd
```
#9034fd rgb(144,52,253)
```
#9b47fd
```
#9b47fd rgb(155,71,253)
```
#a55afe
```
#a55afe rgb(165,90,254)
```
#b06efe
```
#b06efe rgb(176,110,254)
```
#bb81fe
```
#bb81fe rgb(187,129,254)
```
#c595fe
```
#c595fe rgb(197,149,254)
```
#d0a8fe
```
#d0a8fe rgb(208,168,254)
```
#dabcfe
```
#dabcfe rgb(218,188,254)
```
#e5cfff
```
#e5cfff rgb(229,207,255)
```
#f0e3ff
```
#f0e3ff rgb(240,227,255)
```
#faf6ff
```
#faf6ff rgb(250,246,255)
```

Tint Color Variation

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

#7a7482
```
#7a7482 rgb(122,116,130)
```
#7a6a8c
```
#7a6a8c rgb(122,106,140)
```
#796195
```
#796195 rgb(121,97,149)
```
#78579f
```
#78579f rgb(120,87,159)
```
#774ea8
```
#774ea8 rgb(119,78,168)
```
#7644b2
```
#7644b2 rgb(118,68,178)
```
#763bbb
```
#763bbb rgb(118,59,187)
```
#7531c5
```
#7531c5 rgb(117,49,197)
```
#7428ce
```
#7428ce rgb(116,40,206)
```
#731ed8
```
#731ed8 rgb(115,30,216)
```
#7315e1
```
#7315e1 rgb(115,21,225)
```
#720beb
```
#720beb rgb(114,11,235)
```
#7102f4
```
#7102f4 rgb(113,2,244)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#493363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb8 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#3b6870 Tritanopia 0.001% of the population

Trichromacy

#293dce Protanomaly 1% of men, 0.01% of women
#2940be Deuteranomaly 6% of men, 0.4% of women
#4f43a0 Tritanomaly 0.01% of the population

#7102f4 hex color

#7102f4 Color Information

#7102f4 Color Conversion

Color Schemes with #7102f4

Alternatives to #7102f4

#7102f4 Preview

Shades and Tints of #7102f4

Tones of #7102f4

Color Blindness Simulator