#342ed5 hex color

In a RGB color space, hex #342ed5 is composed of 20.4% red, 18% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 78.4% magenta, 0% yellow and 16.5% black. It has a hue angle of 242.2 degrees, a saturation of 66.5% and a lightness of 50.8%. #342ed5 color hex could be obtained by blending #685cff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 18
- B 84
RGB color chart
- C 76
- M 78
- Y 0
- K 16
CMYK color chart

● #342ed5 color description : Strong blue.

The hexadecimal color #342ed5 has RGB values of R:52, G:46, B:213 and CMYK values of C:0.76, M:0.78, Y:0, K:0.16. Its decimal value is 3419861.

Hex triplet	342ed5	`#342ed5`
RGB Decimal	52, 46, 213	`rgb(52,46,213)`
RGB Percent	20.4, 18, 83.5	`rgb(20.4%,18%,83.5%)`
CMYK	76, 78, 0, 16
HSL	242.2°, 66.5, 50.8	`hsl(242.2,66.5%,50.8%)`
HSV (or HSB)	242.2°, 78.4, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.891, 55.817, -82.918
XYZ	14.401, 7.487, 63.633
xyY	0.168, 0.088, 7.487
CIE-LCH	32.891, 99.955, 303.947
CIE-LUV	32.891, -7.043, -109.536
Hunter-Lab	27.363, 46.059, -118.727
Binary	00110100, 00101110, 11010101

#342ed5
```
#342ed5 rgb(52,46,213)
```
#cfd52e
```
#cfd52e rgb(207,213,46)
```

Complementary Color

#2e7cd5
```
#2e7cd5 rgb(46,124,213)
```
#342ed5
```
#342ed5 rgb(52,46,213)
```
#882ed5
```
#882ed5 rgb(136,46,213)
```

Analogous Color

#7cd52e
```
#7cd52e rgb(124,213,46)
```
#342ed5
```
#342ed5 rgb(52,46,213)
```
#d5882e
```
#d5882e rgb(213,136,46)
```

Split Complementary Color

#2ed534
```
#2ed534 rgb(46,213,52)
```
#342ed5
```
#342ed5 rgb(52,46,213)
```
#d5342e
```
#d5342e rgb(213,52,46)
```

Triadic Color

#2ecfd5
```
#2ecfd5 rgb(46,207,213)
```
#342ed5
```
#342ed5 rgb(52,46,213)
```
#d5342e
```
#d5342e rgb(213,52,46)
```
#cfd52e
```
#cfd52e rgb(207,213,46)
```

Tetradic Color

#231f98
```
#231f98 rgb(35,31,152)
```
#2823ad
```
#2823ad rgb(40,35,173)
```
#2d27c2
```
#2d27c2 rgb(45,39,194)
```
#342ed5
```
#342ed5 rgb(52,46,213)
```
#4943d9
```
#4943d9 rgb(73,67,217)
```
#5d58de
```
#5d58de rgb(93,88,222)
```
#726ee2
```
#726ee2 rgb(114,110,226)
```

Monochromatic Color

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

#2e52d5
```
#2e52d5 rgb(46,82,213)
```
#2e44d5
```
#2e44d5 rgb(46,68,213)
```
#2e36d5
```
#2e36d5 rgb(46,54,213)
```
#342ed5
```
#342ed5 rgb(52,46,213)
```
#422ed5
```
#422ed5 rgb(66,46,213)
```
#502ed5
```
#502ed5 rgb(80,46,213)
```
#5e2ed5
```
#5e2ed5 rgb(94,46,213)
```

Similar Colors

Text with hexadecimal color #342ed5

This text has a font color of #342ed5.

<span style="color:#342ed5;">Text here</span>

#342ed5 background color

This paragraph has a background color of #342ed5.

<p style="background-color:#342ed5;">Content here</p>

#342ed5 border color

This element has a border color of #342ed5.

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

CSS codes

.text {color:#342ed5;}

.background {background-color:#342ed5;}

.border {border:1px solid #342ed5;}

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

#010103
```
#010103 rgb(1,1,3)
```
#050414
```
#050414 rgb(5,4,20)
```
#080724
```
#080724 rgb(8,7,36)
```
#0c0b34
```
#0c0b34 rgb(12,11,52)
```
#100e45
```
#100e45 rgb(16,14,69)
```
#141155
```
#141155 rgb(20,17,85)
```
#171465
```
#171465 rgb(23,20,101)
```
#1b1876
```
#1b1876 rgb(27,24,118)
```
#1f1b86
```
#1f1b86 rgb(31,27,134)
```
#231e96
```
#231e96 rgb(35,30,150)
```
#2621a7
```
#2621a7 rgb(38,33,167)
```
#2a25b7
```
#2a25b7 rgb(42,37,183)
```
#2e28c7
```
#2e28c7 rgb(46,40,199)
```

Shade Color Variation

#342ed5
```
#342ed5 rgb(52,46,213)
```
#443ed8
```
#443ed8 rgb(68,62,216)
```
#544fdc
```
#544fdc rgb(84,79,220)
```
#645fdf
```
#645fdf rgb(100,95,223)
```
#736fe2
```
#736fe2 rgb(115,111,226)
```
#8380e5
```
#8380e5 rgb(131,128,229)
```
#9390e9
```
#9390e9 rgb(147,144,233)
```
#a3a0ec
```
#a3a0ec rgb(163,160,236)
```
#b3b1ef
```
#b3b1ef rgb(179,177,239)
```
#c3c1f3
```
#c3c1f3 rgb(195,193,243)
```
#d3d1f6
```
#d3d1f6 rgb(211,209,246)
```
#e3e2f9
```
#e3e2f9 rgb(227,226,249)
```
#f2f2fc
```
#f2f2fc rgb(242,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7b88 is the less saturated color, while #1007fc is the most saturated one.

#7c7b88
```
#7c7b88 rgb(124,123,136)
```
#737291
```
#737291 rgb(115,114,145)
```
#6a689b
```
#6a689b rgb(106,104,155)
```
#615ea5
```
#615ea5 rgb(97,94,165)
```
#5855ae
```
#5855ae rgb(88,85,174)
```
#4f4bb8
```
#4f4bb8 rgb(79,75,184)
```
#4641c2
```
#4641c2 rgb(70,65,194)
```
#3d38cb
```
#3d38cb rgb(61,56,203)
```
#342ed5
```
#342ed5 rgb(52,46,213)
```
#2b24df
```
#2b24df rgb(43,36,223)
```
#221be8
```
#221be8 rgb(34,27,232)
```
#1911f2
```
#1911f2 rgb(25,17,242)
```
#1007fc
```
#1007fc rgb(16,7,252)
```

Tone Color Variation

Below, you can see how #342ed5 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

#434343 Achromatopsia 0.005% of the population
#403f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#1246b5 Protanomaly 1% of men, 0.01% of women
#1249a7 Deuteranomaly 6% of men, 0.4% of women
#124d8d Tritanomaly 0.01% of the population

#342ed5 hex color

#342ed5 Color Information

#342ed5 Color Conversion

Color Schemes with #342ed5

Alternatives to #342ed5

#342ed5 Preview

Shades and Tints of #342ed5

Tones of #342ed5

Color Blindness Simulator