#7342e4 hex color

In a RGB color space, hex #7342e4 is composed of 45.1% red, 25.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 71.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 258.1 degrees, a saturation of 75% and a lightness of 57.6%. #7342e4 color hex could be obtained by blending #e684ff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 45
- G 26
- B 89
RGB color chart
- C 50
- M 71
- Y 0
- K 11
CMYK color chart

● #7342e4 color description : Bright violet.

The hexadecimal color #7342e4 has RGB values of R:115, G:66, B:228 and CMYK values of C:0.5, M:0.71, Y:0, K:0.11. Its decimal value is 7553764.

Hex triplet	7342e4	`#7342e4`
RGB Decimal	115, 66, 228	`rgb(115,66,228)`
RGB Percent	45.1, 25.9, 89.4	`rgb(45.1%,25.9%,89.4%)`
CMYK	50, 71, 0, 11
HSL	258.1°, 75, 57.6	`hsl(258.1,75%,57.6%)`
HSV (or HSB)	258.1°, 71.1, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	42.977, 57.455, -74.724
XYZ	23.02, 13.142, 74.718
xyY	0.208, 0.119, 13.142
CIE-LCH	42.977, 94.259, 307.557
CIE-LUV	42.977, 5.251, -112.926
Hunter-Lab	36.252, 49.903, -96.824
Binary	01110011, 01000010, 11100100

#7342e4
```
#7342e4 rgb(115,66,228)
```
#b3e442
```
#b3e442 rgb(179,228,66)
```

Complementary Color

#4262e4
```
#4262e4 rgb(66,98,228)
```
#7342e4
```
#7342e4 rgb(115,66,228)
```
#c442e4
```
#c442e4 rgb(196,66,228)
```

Analogous Color

#62e442
```
#62e442 rgb(98,228,66)
```
#7342e4
```
#7342e4 rgb(115,66,228)
```
#e4c442
```
#e4c442 rgb(228,196,66)
```

Split Complementary Color

#42e473
```
#42e473 rgb(66,228,115)
```
#7342e4
```
#7342e4 rgb(115,66,228)
```
#e47342
```
#e47342 rgb(228,115,66)
```

Triadic Color

#42b3e4
```
#42b3e4 rgb(66,179,228)
```
#7342e4
```
#7342e4 rgb(115,66,228)
```
#e47342
```
#e47342 rgb(228,115,66)
```
#b3e442
```
#b3e442 rgb(179,228,66)
```

Tetradic Color

#4d1bbe
```
#4d1bbe rgb(77,27,190)
```
#561ed5
```
#561ed5 rgb(86,30,213)
```
#622ce1
```
#622ce1 rgb(98,44,225)
```
#7342e4
```
#7342e4 rgb(115,66,228)
```
#8458e7
```
#8458e7 rgb(132,88,231)
```
#946fea
```
#946fea rgb(148,111,234)
```
#a585ee
```
#a585ee rgb(165,133,238)
```

Monochromatic Color

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

#4b42e4
```
#4b42e4 rgb(75,66,228)
```
#5842e4
```
#5842e4 rgb(88,66,228)
```
#6642e4
```
#6642e4 rgb(102,66,228)
```
#7342e4
```
#7342e4 rgb(115,66,228)
```
#8142e4
```
#8142e4 rgb(129,66,228)
```
#8e42e4
```
#8e42e4 rgb(142,66,228)
```
#9c42e4
```
#9c42e4 rgb(156,66,228)
```

Similar Colors

Text with hexadecimal color #7342e4

This text has a font color of #7342e4.

<span style="color:#7342e4;">Text here</span>

#7342e4 background color

This paragraph has a background color of #7342e4.

<p style="background-color:#7342e4;">Content here</p>

#7342e4 border color

This element has a border color of #7342e4.

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

CSS codes

.text {color:#7342e4;}

.background {background-color:#7342e4;}

.border {border:1px solid #7342e4;}

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

#070211
```
#070211 rgb(7,2,17)
```
#0e0522
```
#0e0522 rgb(14,5,34)
```
#150733
```
#150733 rgb(21,7,51)
```
#1c0a44
```
#1c0a44 rgb(28,10,68)
```
#220c56
```
#220c56 rgb(34,12,86)
```
#290f67
```
#290f67 rgb(41,15,103)
```
#301178
```
#301178 rgb(48,17,120)
```
#371489
```
#371489 rgb(55,20,137)
```
#3e169a
```
#3e169a rgb(62,22,154)
```
#4518ab
```
#4518ab rgb(69,24,171)
```
#4c1bbd
```
#4c1bbd rgb(76,27,189)
```
#531dce
```
#531dce rgb(83,29,206)
```
#5a20df
```
#5a20df rgb(90,32,223)
```

Shade Color Variation

#6631e2
```
#6631e2 rgb(102,49,226)
```
#7342e4
```
#7342e4 rgb(115,66,228)
```
#8053e6
```
#8053e6 rgb(128,83,230)
```
#8c64e9
```
#8c64e9 rgb(140,100,233)
```
#9975eb
```
#9975eb rgb(153,117,235)
```
#a687ee
```
#a687ee rgb(166,135,238)
```
#b398f0
```
#b398f0 rgb(179,152,240)
```
#bfa9f3
```
#bfa9f3 rgb(191,169,243)
```
#ccbaf5
```
#ccbaf5 rgb(204,186,245)
```
#d9cbf8
```
#d9cbf8 rgb(217,203,248)
```
#e5dcfa
```
#e5dcfa rgb(229,220,250)
```
#f2eefd
```
#f2eefd rgb(242,238,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #918d99 is the less saturated color, while #6929fd is the most saturated one.

#918d99
```
#918d99 rgb(145,141,153)
```
#8d84a2
```
#8d84a2 rgb(141,132,162)
```
#8a7caa
```
#8a7caa rgb(138,124,170)
```
#8774b2
```
#8774b2 rgb(135,116,178)
```
#836cba
```
#836cba rgb(131,108,186)
```
#8063c3
```
#8063c3 rgb(128,99,195)
```
#7d5bcb
```
#7d5bcb rgb(125,91,203)
```
#7a53d3
```
#7a53d3 rgb(122,83,211)
```
#764adc
```
#764adc rgb(118,74,220)
```
#7342e4
```
#7342e4 rgb(115,66,228)
```
#703aec
```
#703aec rgb(112,58,236)
```
#6c31f5
```
#6c31f5 rgb(108,49,245)
```
#6929fd
```
#6929fd rgb(105,41,253)
```

Tone Color Variation

Below, you can see how #7342e4 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

#636363 Achromatopsia 0.005% of the population
#665c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006acf Protanopia 1% of men
#0070b5 Deuteranopia 1% of men
#51727a Tritanopia 0.001% of the population

Trichromacy

#295bd6 Protanomaly 1% of men, 0.01% of women
#295fc6 Deuteranomaly 6% of men, 0.4% of women
#5d60a1 Tritanomaly 0.01% of the population

#7342e4 hex color

#7342e4 Color Information

#7342e4 Color Conversion

Color Schemes with #7342e4

Alternatives to #7342e4

#7342e4 Preview

Shades and Tints of #7342e4

Tones of #7342e4

Color Blindness Simulator