#7314f1 hex color

In a RGB color space, hex #7314f1 is composed of 45.1% red, 7.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 91.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 265.8 degrees, a saturation of 88.8% and a lightness of 51.2%. #7314f1 color hex could be obtained by blending #e628ff with #0000e3. Closest websafe color is: #6600ff.

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

● #7314f1 color description : Vivid violet.

The hexadecimal color #7314f1 has RGB values of R:115, G:20, B:241 and CMYK values of C:0.52, M:0.92, Y:0, K:0.05. Its decimal value is 7542001.

Hex triplet	7314f1	`#7314f1`
RGB Decimal	115, 20, 241	`rgb(115,20,241)`
RGB Percent	45.1, 7.8, 94.5	`rgb(45.1%,7.8%,94.5%)`
CMYK	52, 92, 0, 5
HSL	265.8°, 88.8, 51.2	`hsl(265.8,88.8%,51.2%)`
HSV (or HSB)	265.8°, 91.7, 94.5
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.718, 76.603, -89.102
XYZ	23.195, 10.496, 84.018
xyY	0.197, 0.089, 10.496
CIE-LCH	38.718, 117.504, 310.686
CIE-LUV	38.718, 8.349, -125.844
Hunter-Lab	32.397, 71.103, -131.084
Binary	01110011, 00010100, 11110001

#7314f1
```
#7314f1 rgb(115,20,241)
```
#92f114
```
#92f114 rgb(146,241,20)
```

Complementary Color

#1423f1
```
#1423f1 rgb(20,35,241)
```
#7314f1
```
#7314f1 rgb(115,20,241)
```
#e214f1
```
#e214f1 rgb(226,20,241)
```

Analogous Color

#23f114
```
#23f114 rgb(35,241,20)
```
#7314f1
```
#7314f1 rgb(115,20,241)
```
#f1e214
```
#f1e214 rgb(241,226,20)
```

Split Complementary Color

#14f173
```
#14f173 rgb(20,241,115)
```
#7314f1
```
#7314f1 rgb(115,20,241)
```
#f17314
```
#f17314 rgb(241,115,20)
```

Triadic Color

#1492f1
```
#1492f1 rgb(20,146,241)
```
#7314f1
```
#7314f1 rgb(115,20,241)
```
#f17314
```
#f17314 rgb(241,115,20)
```
#92f114
```
#92f114 rgb(146,241,20)
```

Tetradic Color

#510aae
```
#510aae rgb(81,10,174)
```
#5c0cc6
```
#5c0cc6 rgb(92,12,198)
```
#670dde
```
#670dde rgb(103,13,222)
```
#7314f1
```
#7314f1 rgb(115,20,241)
```
#812cf2
```
#812cf2 rgb(129,44,242)
```
#9044f4
```
#9044f4 rgb(144,68,244)
```
#9e5cf5
```
#9e5cf5 rgb(158,92,245)
```

Monochromatic Color

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

#3c14f1
```
#3c14f1 rgb(60,20,241)
```
#4e14f1
```
#4e14f1 rgb(78,20,241)
```
#6114f1
```
#6114f1 rgb(97,20,241)
```
#7314f1
```
#7314f1 rgb(115,20,241)
```
#8514f1
```
#8514f1 rgb(133,20,241)
```
#9814f1
```
#9814f1 rgb(152,20,241)
```
#aa14f1
```
#aa14f1 rgb(170,20,241)
```

Similar Colors

Text with hexadecimal color #7314f1

This text has a font color of #7314f1.

<span style="color:#7314f1;">Text here</span>

#7314f1 background color

This paragraph has a background color of #7314f1.

<p style="background-color:#7314f1;">Content here</p>

#7314f1 border color

This element has a border color of #7314f1.

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

CSS codes

.text {color:#7314f1;}

.background {background-color:#7314f1;}

.border {border:1px solid #7314f1;}

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

#030006
```
#030006 rgb(3,0,6)
```
#0b0118
```
#0b0118 rgb(11,1,24)
```
#14032b
```
#14032b rgb(20,3,43)
```
#1c043d
```
#1c043d rgb(28,4,61)
```
#250550
```
#250550 rgb(37,5,80)
```
#2e0662
```
#2e0662 rgb(46,6,98)
```
#360775
```
#360775 rgb(54,7,117)
```
#3f0887
```
#3f0887 rgb(63,8,135)
```
#47099a
```
#47099a rgb(71,9,154)
```
#500aac
```
#500aac rgb(80,10,172)
```
#580bbf
```
#580bbf rgb(88,11,191)
```
#610cd1
```
#610cd1 rgb(97,12,209)
```
#6a0ee4
```
#6a0ee4 rgb(106,14,228)
```

Shade Color Variation

#7314f1
```
#7314f1 rgb(115,20,241)
```
#7e27f2
```
#7e27f2 rgb(126,39,242)
```
#8939f3
```
#8939f3 rgb(137,57,243)
```
#944cf4
```
#944cf4 rgb(148,76,244)
```
#9f5ef5
```
#9f5ef5 rgb(159,94,245)
```
#aa71f7
```
#aa71f7 rgb(170,113,247)
```
#b583f8
```
#b583f8 rgb(181,131,248)
```
#c096f9
```
#c096f9 rgb(192,150,249)
```
#cba8fa
```
#cba8fa rgb(203,168,250)
```
#d6bbfb
```
#d6bbfb rgb(214,187,251)
```
#e1cdfc
```
#e1cdfc rgb(225,205,252)
```
#ece0fd
```
#ece0fd rgb(236,224,253)
```
#f7f2fe
```
#f7f2fe rgb(247,242,254)
```

Tint Color Variation

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

#827d88
```
#827d88 rgb(130,125,136)
```
#807491
```
#807491 rgb(128,116,145)
```
#7f6a9b
```
#7f6a9b rgb(127,106,155)
```
#7e61a4
```
#7e61a4 rgb(126,97,164)
```
#7c57ae
```
#7c57ae rgb(124,87,174)
```
#7b4db8
```
#7b4db8 rgb(123,77,184)
```
#7a44c1
```
#7a44c1 rgb(122,68,193)
```
#783acb
```
#783acb rgb(120,58,203)
```
#7731d4
```
#7731d4 rgb(119,49,212)
```
#7627de
```
#7627de rgb(118,39,222)
```
#741ee7
```
#741ee7 rgb(116,30,231)
```
#7314f1
```
#7314f1 rgb(115,20,241)
```
#720afb
```
#720afb rgb(114,10,251)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#523f6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a3 Deuteranopia 1% of men
#436971 Tritanopia 0.001% of the population

Trichromacy

#2944cf Protanomaly 1% of men, 0.01% of women
#2948bf Deuteranomaly 6% of men, 0.4% of women
#554a9f Tritanomaly 0.01% of the population

#7314f1 hex color

#7314f1 Color Information

#7314f1 Color Conversion

Color Schemes with #7314f1

Alternatives to #7314f1

#7314f1 Preview

Shades and Tints of #7314f1

Tones of #7314f1

Color Blindness Simulator