#342e55 hex color

In a RGB color space, hex #342e55 is composed of 20.4% red, 18% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 45.9% magenta, 0% yellow and 66.7% black. It has a hue angle of 249.2 degrees, a saturation of 29.8% and a lightness of 25.7%. #342e55 color hex could be obtained by blending #685caa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 18
- B 33
RGB color chart
- C 39
- M 46
- Y 0
- K 67
CMYK color chart

● #342e55 color description : Very dark desaturated blue.

The hexadecimal color #342e55 has RGB values of R:52, G:46, B:85 and CMYK values of C:0.39, M:0.46, Y:0, K:0.67. Its decimal value is 3419733.

Hex triplet	342e55	`#342e55`
RGB Decimal	52, 46, 85	`rgb(52,46,85)`
RGB Percent	20.4, 18, 33.3	`rgb(20.4%,18%,33.3%)`
CMYK	39, 46, 0, 67
HSL	249.2°, 29.8, 25.7	`hsl(249.2,29.8%,25.7%)`
HSV (or HSB)	249.2°, 45.9, 33.3
Web Safe	333366	`#333366`

CIE-LAB	21.357, 13.368, -22.797
XYZ	4.033, 3.34, 9.026
xyY	0.246, 0.204, 3.34
CIE-LCH	21.357, 26.428, 300.387
CIE-LUV	21.357, 0.218, -27.262
Hunter-Lab	18.275, 7.405, -16.49
Binary	00110100, 00101110, 01010101

#342e55
```
#342e55 rgb(52,46,85)
```
#4f552e
```
#4f552e rgb(79,85,46)
```

Complementary Color

#2e3c55
```
#2e3c55 rgb(46,60,85)
```
#342e55
```
#342e55 rgb(52,46,85)
```
#482e55
```
#482e55 rgb(72,46,85)
```

Analogous Color

#3c552e
```
#3c552e rgb(60,85,46)
```
#342e55
```
#342e55 rgb(52,46,85)
```
#55482e
```
#55482e rgb(85,72,46)
```

Split Complementary Color

#2e5534
```
#2e5534 rgb(46,85,52)
```
#342e55
```
#342e55 rgb(52,46,85)
```
#55342e
```
#55342e rgb(85,52,46)
```

Triadic Color

#2e4f55
```
#2e4f55 rgb(46,79,85)
```
#342e55
```
#342e55 rgb(52,46,85)
```
#55342e
```
#55342e rgb(85,52,46)
```
#4f552e
```
#4f552e rgb(79,85,46)
```

Tetradic Color

#161323
```
#161323 rgb(22,19,35)
```
#201c34
```
#201c34 rgb(32,28,52)
```
#2a2544
```
#2a2544 rgb(42,37,68)
```
#342e55
```
#342e55 rgb(52,46,85)
```
#3e3766
```
#3e3766 rgb(62,55,102)
```
#484076
```
#484076 rgb(72,64,118)
```
#524987
```
#524987 rgb(82,73,135)
```

Monochromatic Color

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

#2e3255
```
#2e3255 rgb(46,50,85)
```
#2e2f55
```
#2e2f55 rgb(46,47,85)
```
#312e55
```
#312e55 rgb(49,46,85)
```
#342e55
```
#342e55 rgb(52,46,85)
```
#372e55
```
#372e55 rgb(55,46,85)
```
#3b2e55
```
#3b2e55 rgb(59,46,85)
```
#3e2e55
```
#3e2e55 rgb(62,46,85)
```

Similar Colors

Text with hexadecimal color #342e55

This text has a font color of #342e55.

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

#342e55 background color

This paragraph has a background color of #342e55.

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

#342e55 border color

This element has a border color of #342e55.

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

CSS codes

.text {color:#342e55;}

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

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

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

#050509
```
#050509 rgb(5,5,9)
```
#0d0c15
```
#0d0c15 rgb(13,12,21)
```
#151222
```
#151222 rgb(21,18,34)
```
#1d192f
```
#1d192f rgb(29,25,47)
```
#24203c
```
#24203c rgb(36,32,60)
```
#2c2748
```
#2c2748 rgb(44,39,72)
```
#342e55
```
#342e55 rgb(52,46,85)
```
#3c3562
```
#3c3562 rgb(60,53,98)
```
#443c6e
```
#443c6e rgb(68,60,110)
```
#4b437b
```
#4b437b rgb(75,67,123)
```
#534a88
```
#534a88 rgb(83,74,136)
```
#5b5095
```
#5b5095 rgb(91,80,149)
```
#6357a1
```
#6357a1 rgb(99,87,161)
```

Shade Color Variation

#6d62aa
```
#6d62aa rgb(109,98,170)
```
#796fb1
```
#796fb1 rgb(121,111,177)
```
#857cb8
```
#857cb8 rgb(133,124,184)
```
#9188bf
```
#9188bf rgb(145,136,191)
```
#9d95c6
```
#9d95c6 rgb(157,149,198)
```
#a8a2cd
```
#a8a2cd rgb(168,162,205)
```
#b4afd3
```
#b4afd3 rgb(180,175,211)
```
#c0bbda
```
#c0bbda rgb(192,187,218)
```
#ccc8e1
```
#ccc8e1 rgb(204,200,225)
```
#d8d5e8
```
#d8d5e8 rgb(216,213,232)
```
#e4e1ef
```
#e4e1ef rgb(228,225,239)
```
#efeef6
```
#efeef6 rgb(239,238,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e3d46 is the less saturated color, while #150182 is the most saturated one.

#3e3d46
```
#3e3d46 rgb(62,61,70)
```
#3b384b
```
#3b384b rgb(59,56,75)
```
#373350
```
#373350 rgb(55,51,80)
```
#342e55
```
#342e55 rgb(52,46,85)
```
#31295a
```
#31295a rgb(49,41,90)
```
#2d245f
```
#2d245f rgb(45,36,95)
```
#2a1f64
```
#2a1f64 rgb(42,31,100)
```
#261a69
```
#261a69 rgb(38,26,105)
```
#23156e
```
#23156e rgb(35,21,110)
```
#1f1073
```
#1f1073 rgb(31,16,115)
```
#1c0b78
```
#1c0b78 rgb(28,11,120)
```
#18067d
```
#18067d rgb(24,6,125)
```
#150182
```
#150182 rgb(21,1,130)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#34333b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e3c60 Protanopia 1% of men
#2c3d5c Deuteranopia 1% of men
#373f43 Tritanopia 0.001% of the population

Trichromacy

#30375c Protanomaly 1% of men, 0.01% of women
#2f3859 Deuteranomaly 6% of men, 0.4% of women
#363849 Tritanomaly 0.01% of the population

#342e55 hex color

#342e55 Color Information

#342e55 Color Conversion

Color Schemes with #342e55

Alternatives to #342e55

#342e55 Preview

Shades and Tints of #342e55

Tones of #342e55

Color Blindness Simulator