#342eb5 hex color

In a RGB color space, hex #342eb5 is composed of 20.4% red, 18% green and 71% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 74.6% magenta, 0% yellow and 29% black. It has a hue angle of 242.7 degrees, a saturation of 59.5% and a lightness of 44.5%. #342eb5 color hex could be obtained by blending #685cff with #00006b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 18
- B 71
RGB color chart
- C 71
- M 75
- Y 0
- K 29
CMYK color chart

● #342eb5 color description : Moderate blue.

The hexadecimal color #342eb5 has RGB values of R:52, G:46, B:181 and CMYK values of C:0.71, M:0.75, Y:0, K:0.29. Its decimal value is 3419829.

Hex triplet	342eb5	`#342eb5`
RGB Decimal	52, 46, 181	`rgb(52,46,181)`
RGB Percent	20.4, 18, 71	`rgb(20.4%,18%,71%)`
CMYK	71, 75, 0, 29
HSL	242.7°, 59.5, 44.5	`hsl(242.7,59.5%,44.5%)`
HSV (or HSB)	242.7°, 74.6, 71
Web Safe	3333cc	`#3333cc`

CIE-LAB	29.462, 45.71, -69.827
XYZ	10.732, 6.02, 44.31
xyY	0.176, 0.099, 6.02
CIE-LCH	29.462, 83.458, 303.21
CIE-LUV	29.462, -5.497, -90.684
Hunter-Lab	24.535, 35.143, -89.902
Binary	00110100, 00101110, 10110101

#342eb5
```
#342eb5 rgb(52,46,181)
```
#afb52e
```
#afb52e rgb(175,181,46)
```

Complementary Color

#2e6cb5
```
#2e6cb5 rgb(46,108,181)
```
#342eb5
```
#342eb5 rgb(52,46,181)
```
#782eb5
```
#782eb5 rgb(120,46,181)
```

Analogous Color

#6cb52e
```
#6cb52e rgb(108,181,46)
```
#342eb5
```
#342eb5 rgb(52,46,181)
```
#b5782e
```
#b5782e rgb(181,120,46)
```

Split Complementary Color

#2eb534
```
#2eb534 rgb(46,181,52)
```
#342eb5
```
#342eb5 rgb(52,46,181)
```
#b5342e
```
#b5342e rgb(181,52,46)
```

Triadic Color

#2eafb5
```
#2eafb5 rgb(46,175,181)
```
#342eb5
```
#342eb5 rgb(52,46,181)
```
#b5342e
```
#b5342e rgb(181,52,46)
```
#afb52e
```
#afb52e rgb(175,181,46)
```

Tetradic Color

#221e78
```
#221e78 rgb(34,30,120)
```
#28248c
```
#28248c rgb(40,36,140)
```
#2e29a1
```
#2e29a1 rgb(46,41,161)
```
#342eb5
```
#342eb5 rgb(52,46,181)
```
#3a33c9
```
#3a33c9 rgb(58,51,201)
```
#4c46d0
```
#4c46d0 rgb(76,70,208)
```
#605ad5
```
#605ad5 rgb(96,90,213)
```

Monochromatic Color

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

#2e4ab5
```
#2e4ab5 rgb(46,74,181)
```
#2e3fb5
```
#2e3fb5 rgb(46,63,181)
```
#2e33b5
```
#2e33b5 rgb(46,51,181)
```
#342eb5
```
#342eb5 rgb(52,46,181)
```
#3f2eb5
```
#3f2eb5 rgb(63,46,181)
```
#4b2eb5
```
#4b2eb5 rgb(75,46,181)
```
#562eb5
```
#562eb5 rgb(86,46,181)
```

Similar Colors

Text with hexadecimal color #342eb5

This text has a font color of #342eb5.

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

#342eb5 background color

This paragraph has a background color of #342eb5.

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

#342eb5 border color

This element has a border color of #342eb5.

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

CSS codes

.text {color:#342eb5;}

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

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

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

#030209
```
#030209 rgb(3,2,9)
```
#070619
```
#070619 rgb(7,6,25)
```
#0c0a28
```
#0c0a28 rgb(12,10,40)
```
#100e38
```
#100e38 rgb(16,14,56)
```
#151248
```
#151248 rgb(21,18,72)
```
#191657
```
#191657 rgb(25,22,87)
```
#1e1a67
```
#1e1a67 rgb(30,26,103)
```
#221e76
```
#221e76 rgb(34,30,118)
```
#272286
```
#272286 rgb(39,34,134)
```
#2b2696
```
#2b2696 rgb(43,38,150)
```
#302aa5
```
#302aa5 rgb(48,42,165)
```
#342eb5
```
#342eb5 rgb(52,46,181)
```
#3832c5
```
#3832c5 rgb(56,50,197)
```

Shade Color Variation

#433dce
```
#433dce rgb(67,61,206)
```
#524cd2
```
#524cd2 rgb(82,76,210)
```
#615cd6
```
#615cd6 rgb(97,92,214)
```
#706cda
```
#706cda rgb(112,108,218)
```
#807bde
```
#807bde rgb(128,123,222)
```
#8f8be1
```
#8f8be1 rgb(143,139,225)
```
#9e9ae5
```
#9e9ae5 rgb(158,154,229)
```
#adaae9
```
#adaae9 rgb(173,170,233)
```
#bcbaed
```
#bcbaed rgb(188,186,237)
```
#cbc9f1
```
#cbc9f1 rgb(203,201,241)
```
#dad9f5
```
#dad9f5 rgb(218,217,245)
```
#e9e9f9
```
#e9e9f9 rgb(233,233,249)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6b78 is the less saturated color, while #0c02e1 is the most saturated one.

#6c6b78
```
#6c6b78 rgb(108,107,120)
```
#646281
```
#646281 rgb(100,98,129)
```
#5c5a89
```
#5c5a89 rgb(92,90,137)
```
#545192
```
#545192 rgb(84,81,146)
```
#4c489b
```
#4c489b rgb(76,72,155)
```
#443fa4
```
#443fa4 rgb(68,63,164)
```
#3c37ac
```
#3c37ac rgb(60,55,172)
```
#342eb5
```
#342eb5 rgb(52,46,181)
```
#2c25be
```
#2c25be rgb(44,37,190)
```
#241dc6
```
#241dc6 rgb(36,29,198)
```
#1c14cf
```
#1c14cf rgb(28,20,207)
```
#140bd8
```
#140bd8 rgb(20,11,216)
```
#0c02e1
```
#0c02e1 rgb(12,2,225)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3d3c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#1241a0 Protanomaly 1% of men, 0.01% of women
#124494 Deuteranomaly 6% of men, 0.4% of women
#12487c Tritanomaly 0.01% of the population

#342eb5 hex color

#342eb5 Color Information

#342eb5 Color Conversion

Color Schemes with #342eb5

Alternatives to #342eb5

#342eb5 Preview

Shades and Tints of #342eb5

Tones of #342eb5

Color Blindness Simulator