colorhexa.com

#342e41 hex color

In a RGB color space, hex #342e41 is composed of 20.4% red, 18% green and 25.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 29.2% magenta, 0% yellow and 74.5% black. It has a hue angle of 258.9 degrees, a saturation of 17.1% and a lightness of 21.8%. #342e41 color hex could be obtained by blending #685c82 with #000000. Closest websafe color is: #333333.

- R 20
- G 18
- B 25
RGB color chart
- C 20
- M 29
- Y 0
- K 75
CMYK color chart

● #342e41 color description : Very dark grayish violet.

The hexadecimal color #342e41 has RGB values of R:52, G:46, B:65 and CMYK values of C:0.2, M:0.29, Y:0, K:0.75. Its decimal value is 3419713.

Hex triplet	342e41	`#342e41`
RGB Decimal	52, 46, 65	`rgb(52,46,65)`
RGB Percent	20.4, 18, 25.5	`rgb(20.4%,18%,25.5%)`
CMYK	20, 29, 0, 75
HSL	258.9°, 17.1, 21.8	`hsl(258.9,17.1%,21.8%)`
HSV (or HSB)	258.9°, 29.2, 25.5
Web Safe	333333	`#333333`

CIE-LAB	20.305, 7.401, -10.959
XYZ	3.347, 3.066, 5.416
xyY	0.283, 0.259, 3.066
CIE-LCH	20.305, 13.224, 304.032
CIE-LUV	20.305, 1.666, -12.569
Hunter-Lab	17.509, 3.482, -6.084
Binary	00110100, 00101110, 01000001

#342e41
```
#342e41 rgb(52,46,65)
```
#3b412e
```
#3b412e rgb(59,65,46)
```

Complementary Color

#2e3241
```
#2e3241 rgb(46,50,65)
```
#342e41
```
#342e41 rgb(52,46,65)
```
#3e2e41
```
#3e2e41 rgb(62,46,65)
```

Analogous Color

#32412e
```
#32412e rgb(50,65,46)
```
#342e41
```
#342e41 rgb(52,46,65)
```
#413e2e
```
#413e2e rgb(65,62,46)
```

Split Complementary Color

#100e14
```
#100e14 rgb(16,14,20)
```
#1c1923
```
#1c1923 rgb(28,25,35)
```
#282332
```
#282332 rgb(40,35,50)
```
#342e41
```
#342e41 rgb(52,46,65)
```
#403950
```
#403950 rgb(64,57,80)
```
#4c435f
```
#4c435f rgb(76,67,95)
```
#584e6e
```
#584e6e rgb(88,78,110)
```

Monochromatic Color

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

#2f2e41
```
#2f2e41 rgb(47,46,65)
```
#312e41
```
#312e41 rgb(49,46,65)
```
#322e41
```
#322e41 rgb(50,46,65)
```
#342e41
```
#342e41 rgb(52,46,65)
```
#362e41
```
#362e41 rgb(54,46,65)
```
#372e41
```
#372e41 rgb(55,46,65)
```
#392e41
```
#392e41 rgb(57,46,65)
```

Similar Colors

Text with hexadecimal color #342e41

This text has a font color of #342e41.

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

#342e41 background color

This paragraph has a background color of #342e41.

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

#342e41 border color

This element has a border color of #342e41.

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

CSS codes

.text {color:#342e41;}

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

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

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

#060508
```
#060508 rgb(6,5,8)
```
#0f0d13
```
#0f0d13 rgb(15,13,19)
```
#18161f
```
#18161f rgb(24,22,31)
```
#221e2a
```
#221e2a rgb(34,30,42)
```
#2b2636
```
#2b2636 rgb(43,38,54)
```
#342e41
```
#342e41 rgb(52,46,65)
```
#3d364c
```
#3d364c rgb(61,54,76)
```
#463e58
```
#463e58 rgb(70,62,88)
```
#504663
```
#504663 rgb(80,70,99)
```
#594f6f
```
#594f6f rgb(89,79,111)
```
#62577a
```
#62577a rgb(98,87,122)
```
#6b5f86
```
#6b5f86 rgb(107,95,134)
```
#746791
```
#746791 rgb(116,103,145)
```

Shade Color Variation

#7e719b
```
#7e719b rgb(126,113,155)
```
#897da3
```
#897da3 rgb(137,125,163)
```
#9388ab
```
#9388ab rgb(147,136,171)
```
#9e94b3
```
#9e94b3 rgb(158,148,179)
```
#a89fbb
```
#a89fbb rgb(168,159,187)
```
#b2abc3
```
#b2abc3 rgb(178,171,195)
```
#bdb6cb
```
#bdb6cb rgb(189,182,203)
```
#c7c2d4
```
#c7c2d4 rgb(199,194,212)
```
#d2cddc
```
#d2cddc rgb(210,205,220)
```
#dcd9e4
```
#dcd9e4 rgb(220,217,228)
```
#e7e4ec
```
#e7e4ec rgb(231,228,236)
```
#f1f0f4
```
#f1f0f4 rgb(241,240,244)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

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

#373738
```
#373738 rgb(55,55,56)
```
#36323d
```
#36323d rgb(54,50,61)
```
#342e41
```
#342e41 rgb(52,46,65)
```
#322a45
```
#322a45 rgb(50,42,69)
```
#31254a
```
#31254a rgb(49,37,74)
```
#2f214e
```
#2f214e rgb(47,33,78)
```
#2e1d52
```
#2e1d52 rgb(46,29,82)
```
#2c1956
```
#2c1956 rgb(44,25,86)
```
#2b145b
```
#2b145b rgb(43,20,91)
```
#29105f
```
#29105f rgb(41,16,95)
```
#270c63
```
#270c63 rgb(39,12,99)
```
#260867
```
#260867 rgb(38,8,103)
```
#24036c
```
#24036c rgb(36,3,108)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#323135 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363b4c Protanopia 1% of men
#393a4a Deuteranopia 1% of men
#3c3b3f Tritanopia 0.001% of the population

Trichromacy

#353648 Protanomaly 1% of men, 0.01% of women
#373646 Deuteranomaly 6% of men, 0.4% of women
#39363f Tritanomaly 0.01% of the population