#7316f2 hex color

In a RGB color space, hex #7316f2 is composed of 45.1% red, 8.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 90.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 265.4 degrees, a saturation of 89.4% and a lightness of 51.8%. #7316f2 color hex could be obtained by blending #e62cff with #0000e5. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 45
- G 9
- B 95
RGB color chart
- C 52
- M 91
- Y 0
- K 5
CMYK color chart

● #7316f2 color description : Vivid violet.

The hexadecimal color #7316f2 has RGB values of R:115, G:22, B:242 and CMYK values of C:0.52, M:0.91, Y:0, K:0.05. Its decimal value is 7542514.

Hex triplet	7316f2	`#7316f2`
RGB Decimal	115, 22, 242	`rgb(115,22,242)`
RGB Percent	45.1, 8.6, 94.9	`rgb(45.1%,8.6%,94.9%)`
CMYK	52, 91, 0, 5
HSL	265.4°, 89.4, 51.8	`hsl(265.4,89.4%,51.8%)`
HSV (or HSB)	265.4°, 90.9, 94.9
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.949, 76.443, -89.285
XYZ	23.381, 10.629, 84.819
xyY	0.197, 0.089, 10.629
CIE-LCH	38.949, 117.539, 310.569
CIE-LUV	38.949, 8.123, -126.364
Hunter-Lab	32.602, 70.961, -131.429
Binary	01110011, 00010110, 11110010

#7316f2
```
#7316f2 rgb(115,22,242)
```
#95f216
```
#95f216 rgb(149,242,22)
```

Complementary Color

#1627f2
```
#1627f2 rgb(22,39,242)
```
#7316f2
```
#7316f2 rgb(115,22,242)
```
#e116f2
```
#e116f2 rgb(225,22,242)
```

Analogous Color

#27f216
```
#27f216 rgb(39,242,22)
```
#7316f2
```
#7316f2 rgb(115,22,242)
```
#f2e116
```
#f2e116 rgb(242,225,22)
```

Split Complementary Color

#16f273
```
#16f273 rgb(22,242,115)
```
#7316f2
```
#7316f2 rgb(115,22,242)
```
#f27316
```
#f27316 rgb(242,115,22)
```

Triadic Color

#1695f2
```
#1695f2 rgb(22,149,242)
```
#7316f2
```
#7316f2 rgb(115,22,242)
```
#f27316
```
#f27316 rgb(242,115,22)
```
#95f216
```
#95f216 rgb(149,242,22)
```

Tetradic Color

#510ab2
```
#510ab2 rgb(81,10,178)
```
#5c0bca
```
#5c0bca rgb(92,11,202)
```
#670de2
```
#670de2 rgb(103,13,226)
```
#7316f2
```
#7316f2 rgb(115,22,242)
```
#822ef3
```
#822ef3 rgb(130,46,243)
```
#9046f5
```
#9046f5 rgb(144,70,245)
```
#9f5ef6
```
#9f5ef6 rgb(159,94,246)
```

Monochromatic Color

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

#3c16f2
```
#3c16f2 rgb(60,22,242)
```
#4e16f2
```
#4e16f2 rgb(78,22,242)
```
#6116f2
```
#6116f2 rgb(97,22,242)
```
#7316f2
```
#7316f2 rgb(115,22,242)
```
#8516f2
```
#8516f2 rgb(133,22,242)
```
#9816f2
```
#9816f2 rgb(152,22,242)
```
#aa16f2
```
#aa16f2 rgb(170,22,242)
```

Similar Colors

Text with hexadecimal color #7316f2

This text has a font color of #7316f2.

<span style="color:#7316f2;">Text here</span>

#7316f2 background color

This paragraph has a background color of #7316f2.

<p style="background-color:#7316f2;">Content here</p>

#7316f2 border color

This element has a border color of #7316f2.

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

CSS codes

.text {color:#7316f2;}

.background {background-color:#7316f2;}

.border {border:1px solid #7316f2;}

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

#040009
```
#040009 rgb(4,0,9)
```
#0c021b
```
#0c021b rgb(12,2,27)
```
#15032e
```
#15032e rgb(21,3,46)
```
#1d0440
```
#1d0440 rgb(29,4,64)
```
#260553
```
#260553 rgb(38,5,83)
```
#2e0665
```
#2e0665 rgb(46,6,101)
```
#370778
```
#370778 rgb(55,7,120)
```
#3f088b
```
#3f088b rgb(63,8,139)
```
#47099d
```
#47099d rgb(71,9,157)
```
#500ab0
```
#500ab0 rgb(80,10,176)
```
#580bc2
```
#580bc2 rgb(88,11,194)
```
#610cd5
```
#610cd5 rgb(97,12,213)
```
#690de7
```
#690de7 rgb(105,13,231)
```

Shade Color Variation

#7316f2
```
#7316f2 rgb(115,22,242)
```
#7e29f3
```
#7e29f3 rgb(126,41,243)
```
#893bf4
```
#893bf4 rgb(137,59,244)
```
#944ef5
```
#944ef5 rgb(148,78,245)
```
#a060f6
```
#a060f6 rgb(160,96,246)
```
#ab73f7
```
#ab73f7 rgb(171,115,247)
```
#b685f8
```
#b685f8 rgb(182,133,248)
```
#c198f9
```
#c198f9 rgb(193,152,249)
```
#ccabfa
```
#ccabfa rgb(204,171,250)
```
#d7bdfb
```
#d7bdfb rgb(215,189,251)
```
#e3d0fc
```
#e3d0fc rgb(227,208,252)
```
#eee2fd
```
#eee2fd rgb(238,226,253)
```
#f9f5fe
```
#f9f5fe rgb(249,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #837e8a is the less saturated color, while #720dfb is the most saturated one.

#837e8a
```
#837e8a rgb(131,126,138)
```
#827593
```
#827593 rgb(130,117,147)
```
#806b9d
```
#806b9d rgb(128,107,157)
```
#7f62a6
```
#7f62a6 rgb(127,98,166)
```
#7d58b0
```
#7d58b0 rgb(125,88,176)
```
#7c4fb9
```
#7c4fb9 rgb(124,79,185)
```
#7a45c3
```
#7a45c3 rgb(122,69,195)
```
#793ccc
```
#793ccc rgb(121,60,204)
```
#7732d6
```
#7732d6 rgb(119,50,214)
```
#7629df
```
#7629df rgb(118,41,223)
```
#741fe9
```
#741fe9 rgb(116,31,233)
```
#7316f2
```
#7316f2 rgb(115,22,242)
```
#720dfb
```
#720dfb rgb(114,13,251)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#53406c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#436a71 Tritanopia 0.001% of the population

Trichromacy

#2946d0 Protanomaly 1% of men, 0.01% of women
#2949c0 Deuteranomaly 6% of men, 0.4% of women
#544ba0 Tritanomaly 0.01% of the population

#7316f2 hex color

#7316f2 Color Information

#7316f2 Color Conversion

Color Schemes with #7316f2

Alternatives to #7316f2

#7316f2 Preview

Shades and Tints of #7316f2

Tones of #7316f2

Color Blindness Simulator