#7314e1 hex color

In a RGB color space, hex #7314e1 is composed of 45.1% red, 7.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 91.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 267.8 degrees, a saturation of 83.7% and a lightness of 48%. #7314e1 color hex could be obtained by blending #e628ff with #0000c3. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 45
- G 8
- B 88
RGB color chart
- C 49
- M 91
- Y 0
- K 12
CMYK color chart

● #7314e1 color description : Vivid violet.

The hexadecimal color #7314e1 has RGB values of R:115, G:20, B:225 and CMYK values of C:0.49, M:0.91, Y:0, K:0.12. Its decimal value is 7541985.

Hex triplet	7314e1	`#7314e1`
RGB Decimal	115, 20, 225	`rgb(115,20,225)`
RGB Percent	45.1, 7.8, 88.2	`rgb(45.1%,7.8%,88.2%)`
CMYK	49, 91, 0, 12
HSL	267.8°, 83.7, 48	`hsl(267.8,83.7%,48%)`
HSV (or HSB)	267.8°, 91.1, 88.2
Web Safe	6600cc	`#6600cc`

CIE-LAB	37.08, 73.039, -82.707
XYZ	20.909, 9.581, 71.978
xyY	0.204, 0.094, 9.581
CIE-LCH	37.08, 110.341, 311.448
CIE-LUV	37.08, 10.57, -116.532
Hunter-Lab	30.954, 66.405, -116.202
Binary	01110011, 00010100, 11100001

#7314e1
```
#7314e1 rgb(115,20,225)
```
#82e114
```
#82e114 rgb(130,225,20)
```

Complementary Color

#141be1
```
#141be1 rgb(20,27,225)
```
#7314e1
```
#7314e1 rgb(115,20,225)
```
#da14e1
```
#da14e1 rgb(218,20,225)
```

Analogous Color

#1be114
```
#1be114 rgb(27,225,20)
```
#7314e1
```
#7314e1 rgb(115,20,225)
```
#e1da14
```
#e1da14 rgb(225,218,20)
```

Split Complementary Color

#14e173
```
#14e173 rgb(20,225,115)
```
#7314e1
```
#7314e1 rgb(115,20,225)
```
#e17314
```
#e17314 rgb(225,115,20)
```

Triadic Color

#1482e1
```
#1482e1 rgb(20,130,225)
```
#7314e1
```
#7314e1 rgb(115,20,225)
```
#e17314
```
#e17314 rgb(225,115,20)
```
#82e114
```
#82e114 rgb(130,225,20)
```

Tetradic Color

#4f0e9b
```
#4f0e9b rgb(79,14,155)
```
#5b10b2
```
#5b10b2 rgb(91,16,178)
```
#6712ca
```
#6712ca rgb(103,18,202)
```
#7314e1
```
#7314e1 rgb(115,20,225)
```
#8023eb
```
#8023eb rgb(128,35,235)
```
#8d3aee
```
#8d3aee rgb(141,58,238)
```
#9b52f0
```
#9b52f0 rgb(155,82,240)
```

Monochromatic Color

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

#4014e1
```
#4014e1 rgb(64,20,225)
```
#5114e1
```
#5114e1 rgb(81,20,225)
```
#6214e1
```
#6214e1 rgb(98,20,225)
```
#7314e1
```
#7314e1 rgb(115,20,225)
```
#8414e1
```
#8414e1 rgb(132,20,225)
```
#9514e1
```
#9514e1 rgb(149,20,225)
```
#a614e1
```
#a614e1 rgb(166,20,225)
```

Similar Colors

Text with hexadecimal color #7314e1

This text has a font color of #7314e1.

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

#7314e1 background color

This paragraph has a background color of #7314e1.

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

#7314e1 border color

This element has a border color of #7314e1.

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

CSS codes

.text {color:#7314e1;}

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

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

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

#050109
```
#050109 rgb(5,1,9)
```
#0e021b
```
#0e021b rgb(14,2,27)
```
#17042d
```
#17042d rgb(23,4,45)
```
#20063f
```
#20063f rgb(32,6,63)
```
#290751
```
#290751 rgb(41,7,81)
```
#330963
```
#330963 rgb(51,9,99)
```
#3c0a75
```
#3c0a75 rgb(60,10,117)
```
#450c87
```
#450c87 rgb(69,12,135)
```
#4e0e99
```
#4e0e99 rgb(78,14,153)
```
#570fab
```
#570fab rgb(87,15,171)
```
#6111bd
```
#6111bd rgb(97,17,189)
```
#6a12cf
```
#6a12cf rgb(106,18,207)
```
#7314e1
```
#7314e1 rgb(115,20,225)
```

Shade Color Variation

#7d1eeb
```
#7d1eeb rgb(125,30,235)
```
#8730ed
```
#8730ed rgb(135,48,237)
```
#9242ee
```
#9242ee rgb(146,66,238)
```
#9c54f0
```
#9c54f0 rgb(156,84,240)
```
#a666f1
```
#a666f1 rgb(166,102,241)
```
#b178f3
```
#b178f3 rgb(177,120,243)
```
#bb8af5
```
#bb8af5 rgb(187,138,245)
```
#c69cf6
```
#c69cf6 rgb(198,156,246)
```
#d0aef8
```
#d0aef8 rgb(208,174,248)
```
#dac0f9
```
#dac0f9 rgb(218,192,249)
```
#e5d2fb
```
#e5d2fb rgb(229,210,251)
```
#efe4fd
```
#efe4fd rgb(239,228,253)
```
#faf6fe
```
#faf6fe rgb(250,246,254)
```

Tint Color Variation

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

#7a7283
```
#7a7283 rgb(122,114,131)
```
#79698c
```
#79698c rgb(121,105,140)
```
#795f96
```
#795f96 rgb(121,95,150)
```
#78569f
```
#78569f rgb(120,86,159)
```
#774da8
```
#774da8 rgb(119,77,168)
```
#7643b2
```
#7643b2 rgb(118,67,178)
```
#763abb
```
#763abb rgb(118,58,187)
```
#7530c5
```
#7530c5 rgb(117,48,197)
```
#7427ce
```
#7427ce rgb(116,39,206)
```
#741dd8
```
#741dd8 rgb(116,29,216)
```
#7314e1
```
#7314e1 rgb(115,20,225)
```
#720bea
```
#720bea rgb(114,11,234)
```
#7201f4
```
#7201f4 rgb(114,1,244)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#513e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629d Deuteranopia 1% of men
#4f636a Tritanopia 0.001% of the population

Trichromacy

#2942c5 Protanomaly 1% of men, 0.01% of women
#2946b6 Deuteranomaly 6% of men, 0.4% of women
#5c4695 Tritanomaly 0.01% of the population

#7314e1 hex color

#7314e1 Color Information

#7314e1 Color Conversion

Color Schemes with #7314e1

Alternatives to #7314e1

#7314e1 Preview

Shades and Tints of #7314e1

Tones of #7314e1

Color Blindness Simulator