#7314f2 hex color

In a RGB color space, hex #7314f2 is composed of 45.1% red, 7.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 91.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 265.7 degrees, a saturation of 89.5% and a lightness of 51.4%. #7314f2 color hex could be obtained by blending #e628ff with #0000e5. 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

● #7314f2 color description : Vivid violet.

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

Hex triplet	7314f2	`#7314f2`
RGB Decimal	115, 20, 242	`rgb(115,20,242)`
RGB Percent	45.1, 7.8, 94.9	`rgb(45.1%,7.8%,94.9%)`
CMYK	52, 92, 0, 5
HSL	265.7°, 89.5, 51.4	`hsl(265.7,89.5%,51.4%)`
HSV (or HSB)	265.7°, 91.7, 94.9
Web Safe	6600ff	`#6600ff`

CIE-LAB	38.822, 76.826, -89.495
XYZ	23.345, 10.556, 84.807
xyY	0.197, 0.089, 10.556
CIE-LCH	38.822, 117.947, 310.644
CIE-LUV	38.822, 8.217, -126.42
Hunter-Lab	32.489, 71.401, -132.022
Binary	01110011, 00010100, 11110010

#7314f2
```
#7314f2 rgb(115,20,242)
```
#93f214
```
#93f214 rgb(147,242,20)
```

Complementary Color

#1424f2
```
#1424f2 rgb(20,36,242)
```
#7314f2
```
#7314f2 rgb(115,20,242)
```
#e214f2
```
#e214f2 rgb(226,20,242)
```

Analogous Color

#24f214
```
#24f214 rgb(36,242,20)
```
#7314f2
```
#7314f2 rgb(115,20,242)
```
#f2e214
```
#f2e214 rgb(242,226,20)
```

Split Complementary Color

#14f273
```
#14f273 rgb(20,242,115)
```
#7314f2
```
#7314f2 rgb(115,20,242)
```
#f27314
```
#f27314 rgb(242,115,20)
```

Triadic Color

#1493f2
```
#1493f2 rgb(20,147,242)
```
#7314f2
```
#7314f2 rgb(115,20,242)
```
#f27314
```
#f27314 rgb(242,115,20)
```
#93f214
```
#93f214 rgb(147,242,20)
```

Tetradic Color

#510ab0
```
#510ab0 rgb(81,10,176)
```
#5c0bc8
```
#5c0bc8 rgb(92,11,200)
```
#670ce0
```
#670ce0 rgb(103,12,224)
```
#7314f2
```
#7314f2 rgb(115,20,242)
```
#812cf3
```
#812cf3 rgb(129,44,243)
```
#9044f5
```
#9044f5 rgb(144,68,245)
```
#9e5cf6
```
#9e5cf6 rgb(158,92,246)
```

Monochromatic Color

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

#3c14f2
```
#3c14f2 rgb(60,20,242)
```
#4e14f2
```
#4e14f2 rgb(78,20,242)
```
#6114f2
```
#6114f2 rgb(97,20,242)
```
#7314f2
```
#7314f2 rgb(115,20,242)
```
#8614f2
```
#8614f2 rgb(134,20,242)
```
#9814f2
```
#9814f2 rgb(152,20,242)
```
#ab14f2
```
#ab14f2 rgb(171,20,242)
```

Similar Colors

Text with hexadecimal color #7314f2

This text has a font color of #7314f2.

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

#7314f2 background color

This paragraph has a background color of #7314f2.

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

#7314f2 border color

This element has a border color of #7314f2.

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

CSS codes

.text {color:#7314f2;}

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

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

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

#030007
```
#030007 rgb(3,0,7)
```
#0c0119
```
#0c0119 rgb(12,1,25)
```
#14022c
```
#14022c rgb(20,2,44)
```
#1d033e
```
#1d033e rgb(29,3,62)
```
#250451
```
#250451 rgb(37,4,81)
```
#2e0664
```
#2e0664 rgb(46,6,100)
```
#360776
```
#360776 rgb(54,7,118)
```
#3f0889
```
#3f0889 rgb(63,8,137)
```
#47099b
```
#47099b rgb(71,9,155)
```
#500aae
```
#500aae rgb(80,10,174)
```
#580bc1
```
#580bc1 rgb(88,11,193)
```
#610cd3
```
#610cd3 rgb(97,12,211)
```
#6a0de6
```
#6a0de6 rgb(106,13,230)
```

Shade Color Variation

#7314f2
```
#7314f2 rgb(115,20,242)
```
#7e27f3
```
#7e27f3 rgb(126,39,243)
```
#8939f4
```
#8939f4 rgb(137,57,244)
```
#944cf5
```
#944cf5 rgb(148,76,245)
```
#9f5ef6
```
#9f5ef6 rgb(159,94,246)
```
#aa71f7
```
#aa71f7 rgb(170,113,247)
```
#b584f8
```
#b584f8 rgb(181,132,248)
```
#c196f9
```
#c196f9 rgb(193,150,249)
```
#cca9fa
```
#cca9fa rgb(204,169,250)
```
#d7bbfb
```
#d7bbfb rgb(215,187,251)
```
#e2cefc
```
#e2cefc rgb(226,206,252)
```
#ede0fd
```
#ede0fd rgb(237,224,253)
```
#f8f3fe
```
#f8f3fe rgb(248,243,254)
```

Tint Color Variation

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

#827d89
```
#827d89 rgb(130,125,137)
```
#817393
```
#817393 rgb(129,115,147)
```
#7f6a9c
```
#7f6a9c rgb(127,106,156)
```
#7e60a6
```
#7e60a6 rgb(126,96,166)
```
#7d57af
```
#7d57af rgb(125,87,175)
```
#7b4db9
```
#7b4db9 rgb(123,77,185)
```
#7a44c2
```
#7a44c2 rgb(122,68,194)
```
#783acc
```
#783acc rgb(120,58,204)
```
#7731d5
```
#7731d5 rgb(119,49,213)
```
#7627df
```
#7627df rgb(118,39,223)
```
#741ee8
```
#741ee8 rgb(116,30,232)
```
#7314f2
```
#7314f2 rgb(115,20,242)
```
#720afc
```
#720afc rgb(114,10,252)
```

Tone Color Variation

Below, you can see how #7314f2 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
#523f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#2945cf Protanomaly 1% of men, 0.01% of women
#2948c0 Deuteranomaly 6% of men, 0.4% of women
#544aa0 Tritanomaly 0.01% of the population

#7314f2 hex color

#7314f2 Color Information

#7314f2 Color Conversion

Color Schemes with #7314f2

Alternatives to #7314f2

#7314f2 Preview

Shades and Tints of #7314f2

Tones of #7314f2

Color Blindness Simulator