#7314cc hex color

In a RGB color space, hex #7314cc is composed of 45.1% red, 7.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 43.6% cyan, 90.2% magenta, 0% yellow and 20% black. It has a hue angle of 271 degrees, a saturation of 82.1% and a lightness of 43.9%. #7314cc color hex could be obtained by blending #e628ff with #000099. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 45
- G 8
- B 80
RGB color chart
- C 44
- M 90
- Y 0
- K 20
CMYK color chart

● #7314cc color description : Strong violet.

The hexadecimal color #7314cc has RGB values of R:115, G:20, B:204 and CMYK values of C:0.44, M:0.9, Y:0, K:0.2. Its decimal value is 7541964.

Hex triplet	7314cc	`#7314cc`
RGB Decimal	115, 20, 204	`rgb(115,20,204)`
RGB Percent	45.1, 7.8, 80	`rgb(45.1%,7.8%,80%)`
CMYK	44, 90, 0, 20
HSL	271°, 82.1, 43.9	`hsl(271,82.1%,43.9%)`
HSV (or HSB)	271°, 90.2, 80
Web Safe	6600cc	`#6600cc`

CIE-LAB	35.013, 68.402, -73.991
XYZ	18.218, 8.505, 57.805
xyY	0.216, 0.101, 8.505
CIE-LCH	35.013, 100.764, 312.752
CIE-LUV	35.013, 13.859, -104.025
Hunter-Lab	29.163, 60.471, -97.107
Binary	01110011, 00010100, 11001100

#7314cc
```
#7314cc rgb(115,20,204)
```
#6dcc14
```
#6dcc14 rgb(109,204,20)
```

Complementary Color

#1714cc
```
#1714cc rgb(23,20,204)
```
#7314cc
```
#7314cc rgb(115,20,204)
```
#cc14c9
```
#cc14c9 rgb(204,20,201)
```

Analogous Color

#14cc17
```
#14cc17 rgb(20,204,23)
```
#7314cc
```
#7314cc rgb(115,20,204)
```
#c9cc14
```
#c9cc14 rgb(201,204,20)
```

Split Complementary Color

#14cc73
```
#14cc73 rgb(20,204,115)
```
#7314cc
```
#7314cc rgb(115,20,204)
```
#cc7314
```
#cc7314 rgb(204,115,20)
```

Triadic Color

#146dcc
```
#146dcc rgb(20,109,204)
```
#7314cc
```
#7314cc rgb(115,20,204)
```
#cc7314
```
#cc7314 rgb(204,115,20)
```
#6dcc14
```
#6dcc14 rgb(109,204,20)
```

Tetradic Color

#4c0d86
```
#4c0d86 rgb(76,13,134)
```
#590f9e
```
#590f9e rgb(89,15,158)
```
#6612b5
```
#6612b5 rgb(102,18,181)
```
#7314cc
```
#7314cc rgb(115,20,204)
```
#8016e3
```
#8016e3 rgb(128,22,227)
```
#8d29ea
```
#8d29ea rgb(141,41,234)
```
#9940ec
```
#9940ec rgb(153,64,236)
```

Monochromatic Color

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

#4514cc
```
#4514cc rgb(69,20,204)
```
#5414cc
```
#5414cc rgb(84,20,204)
```
#6414cc
```
#6414cc rgb(100,20,204)
```
#7314cc
```
#7314cc rgb(115,20,204)
```
#8214cc
```
#8214cc rgb(130,20,204)
```
#9214cc
```
#9214cc rgb(146,20,204)
```
#a114cc
```
#a114cc rgb(161,20,204)
```

Similar Colors

Text with hexadecimal color #7314cc

This text has a font color of #7314cc.

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

#7314cc background color

This paragraph has a background color of #7314cc.

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

#7314cc border color

This element has a border color of #7314cc.

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

CSS codes

.text {color:#7314cc;}

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

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

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

#040107
```
#040107 rgb(4,1,7)
```
#0e0219
```
#0e0219 rgb(14,2,25)
```
#18042b
```
#18042b rgb(24,4,43)
```
#22063d
```
#22063d rgb(34,6,61)
```
#2d084f
```
#2d084f rgb(45,8,79)
```
#370961
```
#370961 rgb(55,9,97)
```
#410b73
```
#410b73 rgb(65,11,115)
```
#4b0d85
```
#4b0d85 rgb(75,13,133)
```
#550f96
```
#550f96 rgb(85,15,150)
```
#5f10a8
```
#5f10a8 rgb(95,16,168)
```
#6912ba
```
#6912ba rgb(105,18,186)
```
#7314cc
```
#7314cc rgb(115,20,204)
```
#7d16de
```
#7d16de rgb(125,22,222)
```

Shade Color Variation

#871ee9
```
#871ee9 rgb(135,30,233)
```
#9030eb
```
#9030eb rgb(144,48,235)
```
#9a42ec
```
#9a42ec rgb(154,66,236)
```
#a454ee
```
#a454ee rgb(164,84,238)
```
#ad66f0
```
#ad66f0 rgb(173,102,240)
```
#b778f2
```
#b778f2 rgb(183,120,242)
```
#c089f3
```
#c089f3 rgb(192,137,243)
```
#ca9bf5
```
#ca9bf5 rgb(202,155,245)
```
#d3adf7
```
#d3adf7 rgb(211,173,247)
```
#ddbff9
```
#ddbff9 rgb(221,191,249)
```
#e6d1fa
```
#e6d1fa rgb(230,209,250)
```
#f0e3fc
```
#f0e3fc rgb(240,227,252)
```
#f9f5fe
```
#f9f5fe rgb(249,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706a76 is the less saturated color, while #7403dd is the most saturated one.

#706a76
```
#706a76 rgb(112,106,118)
```
#70627e
```
#70627e rgb(112,98,126)
```
#715987
```
#715987 rgb(113,89,135)
```
#715090
```
#715090 rgb(113,80,144)
```
#714898
```
#714898 rgb(113,72,152)
```
#723fa1
```
#723fa1 rgb(114,63,161)
```
#7236aa
```
#7236aa rgb(114,54,170)
```
#722eb2
```
#722eb2 rgb(114,46,178)
```
#7225bb
```
#7225bb rgb(114,37,187)
```
#731dc3
```
#731dc3 rgb(115,29,195)
```
#7314cc
```
#7314cc rgb(115,20,204)
```
#730bd5
```
#730bd5 rgb(115,11,213)
```
#7403dd
```
#7403dd rgb(116,3,221)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#4e3b60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#5a5a61 Tritanopia 0.001% of the population

Trichromacy

#293fb7 Protanomaly 1% of men, 0.01% of women
#2942a9 Deuteranomaly 6% of men, 0.4% of women
#634188 Tritanomaly 0.01% of the population

#7314cc hex color

#7314cc Color Information

#7314cc Color Conversion

Color Schemes with #7314cc

Alternatives to #7314cc

#7314cc Preview

Shades and Tints of #7314cc

Tones of #7314cc

Color Blindness Simulator