#7342f5 hex color

In a RGB color space, hex #7342f5 is composed of 45.1% red, 25.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 53.1% cyan, 73.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 256.4 degrees, a saturation of 89.9% and a lightness of 61%. #7342f5 color hex could be obtained by blending #e684ff with #0000eb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 26
- B 96
RGB color chart
- C 53
- M 73
- Y 0
- K 4
CMYK color chart

● #7342f5 color description : Bright violet.

The hexadecimal color #7342f5 has RGB values of R:115, G:66, B:245 and CMYK values of C:0.53, M:0.73, Y:0, K:0.04. Its decimal value is 7553781.

Hex triplet	7342f5	`#7342f5`
RGB Decimal	115, 66, 245	`rgb(115,66,245)`
RGB Percent	45.1, 25.9, 96.1	`rgb(45.1%,25.9%,96.1%)`
CMYK	53, 73, 0, 4
HSL	256.4°, 89.9, 61	`hsl(256.4,89.9%,61%)`
HSV (or HSB)	256.4°, 73.1, 96.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	44.423, 62.022, -81.952
XYZ	25.497, 14.133, 87.766
xyY	0.2, 0.111, 14.133
CIE-LCH	44.423, 102.776, 307.119
CIE-LUV	44.423, 3.357, -123.783
Hunter-Lab	37.594, 55.271, -112.1
Binary	01110011, 01000010, 11110101

#7342f5
```
#7342f5 rgb(115,66,245)
```
#c4f542
```
#c4f542 rgb(196,245,66)
```

Complementary Color

#426bf5
```
#426bf5 rgb(66,107,245)
```
#7342f5
```
#7342f5 rgb(115,66,245)
```
#cd42f5
```
#cd42f5 rgb(205,66,245)
```

Analogous Color

#6bf542
```
#6bf542 rgb(107,245,66)
```
#7342f5
```
#7342f5 rgb(115,66,245)
```
#f5cd42
```
#f5cd42 rgb(245,205,66)
```

Split Complementary Color

#42f573
```
#42f573 rgb(66,245,115)
```
#7342f5
```
#7342f5 rgb(115,66,245)
```
#f57342
```
#f57342 rgb(245,115,66)
```

Triadic Color

#42c4f5
```
#42c4f5 rgb(66,196,245)
```
#7342f5
```
#7342f5 rgb(115,66,245)
```
#f57342
```
#f57342 rgb(245,115,66)
```
#c4f542
```
#c4f542 rgb(196,245,66)
```

Tetradic Color

#460cdf
```
#460cdf rgb(70,12,223)
```
#4f12f2
```
#4f12f2 rgb(79,18,242)
```
#612af4
```
#612af4 rgb(97,42,244)
```
#7342f5
```
#7342f5 rgb(115,66,245)
```
#855af6
```
#855af6 rgb(133,90,246)
```
#9772f8
```
#9772f8 rgb(151,114,248)
```
#a98bf9
```
#a98bf9 rgb(169,139,249)
```

Monochromatic Color

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

#4642f5
```
#4642f5 rgb(70,66,245)
```
#5542f5
```
#5542f5 rgb(85,66,245)
```
#6442f5
```
#6442f5 rgb(100,66,245)
```
#7342f5
```
#7342f5 rgb(115,66,245)
```
#8242f5
```
#8242f5 rgb(130,66,245)
```
#9142f5
```
#9142f5 rgb(145,66,245)
```
#a042f5
```
#a042f5 rgb(160,66,245)
```

Similar Colors

Text with hexadecimal color #7342f5

This text has a font color of #7342f5.

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

#7342f5 background color

This paragraph has a background color of #7342f5.

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

#7342f5 border color

This element has a border color of #7342f5.

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

CSS codes

.text {color:#7342f5;}

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

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

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

#050110
```
#050110 rgb(5,1,16)
```
#0b0223
```
#0b0223 rgb(11,2,35)
```
#110335
```
#110335 rgb(17,3,53)
```
#160448
```
#160448 rgb(22,4,72)
```
#1c055a
```
#1c055a rgb(28,5,90)
```
#22066d
```
#22066d rgb(34,6,109)
```
#280780
```
#280780 rgb(40,7,128)
```
#2e0892
```
#2e0892 rgb(46,8,146)
```
#3309a5
```
#3309a5 rgb(51,9,165)
```
#390ab8
```
#390ab8 rgb(57,10,184)
```
#3f0bca
```
#3f0bca rgb(63,11,202)
```
#450cdd
```
#450cdd rgb(69,12,221)
```
#4b0def
```
#4b0def rgb(75,13,239)
```

Shade Color Variation

#571df3
```
#571df3 rgb(87,29,243)
```
#652ff4
```
#652ff4 rgb(101,47,244)
```
#7342f5
```
#7342f5 rgb(115,66,245)
```
#8155f6
```
#8155f6 rgb(129,85,246)
```
#8f67f7
```
#8f67f7 rgb(143,103,247)
```
#9c7af8
```
#9c7af8 rgb(156,122,248)
```
#aa8df9
```
#aa8df9 rgb(170,141,249)
```
#b89ffa
```
#b89ffa rgb(184,159,250)
```
#c6b2fb
```
#c6b2fb rgb(198,178,251)
```
#d4c4fc
```
#d4c4fc rgb(212,196,252)
```
#e1d7fd
```
#e1d7fd rgb(225,215,253)
```
#efeafe
```
#efeafe rgb(239,234,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9996a1 is the less saturated color, while #703afd is the most saturated one.

#9996a1
```
#9996a1 rgb(153,150,161)
```
#968fa8
```
#968fa8 rgb(150,143,168)
```
#9287b0
```
#9287b0 rgb(146,135,176)
```
#8f7fb8
```
#8f7fb8 rgb(143,127,184)
```
#8b78bf
```
#8b78bf rgb(139,120,191)
```
#8870c7
```
#8870c7 rgb(136,112,199)
```
#8468cf
```
#8468cf rgb(132,104,207)
```
#8161d6
```
#8161d6 rgb(129,97,214)
```
#7d59de
```
#7d59de rgb(125,89,222)
```
#7a51e6
```
#7a51e6 rgb(122,81,230)
```
#764aed
```
#764aed rgb(118,74,237)
```
#7342f5
```
#7342f5 rgb(115,66,245)
```
#703afd
```
#703afd rgb(112,58,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#685e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#467880 Tritanopia 0.001% of the population

Trichromacy

#295de0 Protanomaly 1% of men, 0.01% of women
#2961cf Deuteranomaly 6% of men, 0.4% of women
#5664ab Tritanomaly 0.01% of the population

#7342f5 hex color

#7342f5 Color Information

#7342f5 Color Conversion

Color Schemes with #7342f5

Alternatives to #7342f5

#7342f5 Preview

Shades and Tints of #7342f5

Tones of #7342f5

Color Blindness Simulator