#7342ff hex color

In a RGB color space, hex #7342ff is composed of 45.1% red, 25.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 74.1% magenta, 0% yellow and 0% black. It has a hue angle of 255.6 degrees, a saturation of 100% and a lightness of 62.9%. #7342ff color hex could be obtained by blending #e684ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 45
- G 26
- B 100
RGB color chart
- C 55
- M 74
- Y 0
- K 0
CMYK color chart

● #7342ff color description : Light violet.

The hexadecimal color #7342ff has RGB values of R:115, G:66, B:255 and CMYK values of C:0.55, M:0.74, Y:0, K:0. Its decimal value is 7553791.

Hex triplet	7342ff	`#7342ff`
RGB Decimal	115, 66, 255	`rgb(115,66,255)`
RGB Percent	45.1, 25.9, 100	`rgb(45.1%,25.9%,100%)`
CMYK	55, 74, 0, 0
HSL	255.6°, 100, 62.9	`hsl(255.6,100%,62.9%)`
HSV (or HSB)	255.6°, 74.1, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.304, 64.705, -86.098
XYZ	27.065, 14.761, 96.025
xyY	0.196, 0.107, 14.761
CIE-LCH	45.304, 107.701, 306.926
CIE-LUV	45.304, 2.316, -130.009
Hunter-Lab	38.419, 58.513, -121.295
Binary	01110011, 01000010, 11111111

#7342ff
```
#7342ff rgb(115,66,255)
```
#ceff42
```
#ceff42 rgb(206,255,66)
```

Complementary Color

#4270ff
```
#4270ff rgb(66,112,255)
```
#7342ff
```
#7342ff rgb(115,66,255)
```
#d242ff
```
#d242ff rgb(210,66,255)
```

Analogous Color

#70ff42
```
#70ff42 rgb(112,255,66)
```
#7342ff
```
#7342ff rgb(115,66,255)
```
#ffd242
```
#ffd242 rgb(255,210,66)
```

Split Complementary Color

#42ff73
```
#42ff73 rgb(66,255,115)
```
#7342ff
```
#7342ff rgb(115,66,255)
```
#ff7342
```
#ff7342 rgb(255,115,66)
```

Triadic Color

#42ceff
```
#42ceff rgb(66,206,255)
```
#7342ff
```
#7342ff rgb(115,66,255)
```
#ff7342
```
#ff7342 rgb(255,115,66)
```
#ceff42
```
#ceff42 rgb(206,255,66)
```

Tetradic Color

#3f00f5
```
#3f00f5 rgb(63,0,245)
```
#4d0fff
```
#4d0fff rgb(77,15,255)
```
#6029ff
```
#6029ff rgb(96,41,255)
```
#7342ff
```
#7342ff rgb(115,66,255)
```
#865cff
```
#865cff rgb(134,92,255)
```
#9975ff
```
#9975ff rgb(153,117,255)
```
#ac8fff
```
#ac8fff rgb(172,143,255)
```

Monochromatic Color

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

#4442ff
```
#4442ff rgb(68,66,255)
```
#5342ff
```
#5342ff rgb(83,66,255)
```
#6342ff
```
#6342ff rgb(99,66,255)
```
#7342ff
```
#7342ff rgb(115,66,255)
```
#8342ff
```
#8342ff rgb(131,66,255)
```
#9342ff
```
#9342ff rgb(147,66,255)
```
#a242ff
```
#a242ff rgb(162,66,255)
```

Similar Colors

Text with hexadecimal color #7342ff

This text has a font color of #7342ff.

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

#7342ff background color

This paragraph has a background color of #7342ff.

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

#7342ff border color

This element has a border color of #7342ff.

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

CSS codes

.text {color:#7342ff;}

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

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

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

#020007
```
#020007 rgb(2,0,7)
```
#07001b
```
#07001b rgb(7,0,27)
```
#0c002e
```
#0c002e rgb(12,0,46)
```
#110042
```
#110042 rgb(17,0,66)
```
#160056
```
#160056 rgb(22,0,86)
```
#1b0069
```
#1b0069 rgb(27,0,105)
```
#20007d
```
#20007d rgb(32,0,125)
```
#250090
```
#250090 rgb(37,0,144)
```
#2b00a4
```
#2b00a4 rgb(43,0,164)
```
#3000b8
```
#3000b8 rgb(48,0,184)
```
#3500cb
```
#3500cb rgb(53,0,203)
```
#3a00df
```
#3a00df rgb(58,0,223)
```
#3f00f3
```
#3f00f3 rgb(63,0,243)
```

Shade Color Variation

#4707ff
```
#4707ff rgb(71,7,255)
```
#561bff
```
#561bff rgb(86,27,255)
```
#642eff
```
#642eff rgb(100,46,255)
```
#7342ff
```
#7342ff rgb(115,66,255)
```
#8256ff
```
#8256ff rgb(130,86,255)
```
#9069ff
```
#9069ff rgb(144,105,255)
```
#9f7dff
```
#9f7dff rgb(159,125,255)
```
#ad90ff
```
#ad90ff rgb(173,144,255)
```
#bca4ff
```
#bca4ff rgb(188,164,255)
```
#cab8ff
```
#cab8ff rgb(202,184,255)
```
#d9cbff
```
#d9cbff rgb(217,203,255)
```
#e7dfff
```
#e7dfff rgb(231,223,255)
```
#f6f3ff
```
#f6f3ff rgb(246,243,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d99a8 is the less saturated color, while #7342ff is the most saturated one.

#9d99a8
```
#9d99a8 rgb(157,153,168)
```
#9a92af
```
#9a92af rgb(154,146,175)
```
#968bb6
```
#968bb6 rgb(150,139,182)
```
#9383be
```
#9383be rgb(147,131,190)
```
#8f7cc5
```
#8f7cc5 rgb(143,124,197)
```
#8c75cc
```
#8c75cc rgb(140,117,204)
```
#886ed3
```
#886ed3 rgb(136,110,211)
```
#8566db
```
#8566db rgb(133,102,219)
```
#815fe2
```
#815fe2 rgb(129,95,226)
```
#7e58e9
```
#7e58e9 rgb(126,88,233)
```
#7a51f0
```
#7a51f0 rgb(122,81,240)
```
#7749f8
```
#7749f8 rgb(119,73,248)
```
#7342ff
```
#7342ff rgb(115,66,255)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#695f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#3c7b84 Tritanopia 0.001% of the population

Trichromacy

#295fe6 Protanomaly 1% of men, 0.01% of women
#2963d5 Deuteranomaly 6% of men, 0.4% of women
#5066b1 Tritanomaly 0.01% of the population

#7342ff hex color

#7342ff Color Information

#7342ff Color Conversion

Color Schemes with #7342ff

Alternatives to #7342ff

#7342ff Preview

Shades and Tints of #7342ff

Tones of #7342ff

Color Blindness Simulator