#342646 hex color

In a RGB color space, hex #342646 is composed of 20.4% red, 14.9% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 45.7% magenta, 0% yellow and 72.5% black. It has a hue angle of 266.3 degrees, a saturation of 29.6% and a lightness of 21.2%. #342646 color hex could be obtained by blending #684c8c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 15
- B 27
RGB color chart
- C 26
- M 46
- Y 0
- K 73
CMYK color chart

● #342646 color description : Very dark desaturated violet.

The hexadecimal color #342646 has RGB values of R:52, G:38, B:70 and CMYK values of C:0.26, M:0.46, Y:0, K:0.73. Its decimal value is 3417670.

Hex triplet	342646	`#342646`
RGB Decimal	52, 38, 70	`rgb(52,38,70)`
RGB Percent	20.4, 14.9, 27.5	`rgb(20.4%,14.9%,27.5%)`
CMYK	26, 46, 0, 73
HSL	266.3°, 29.6, 21.2	`hsl(266.3,29.6%,21.2%)`
HSV (or HSB)	266.3°, 45.7, 27.5
Web Safe	333333	`#333333`

CIE-LAB	18.181, 14.363, -17.672
XYZ	3.215, 2.559, 6.119
xyY	0.27, 0.215, 2.559
CIE-LCH	18.181, 22.773, 309.103
CIE-LUV	18.181, 3.936, -19.907
Hunter-Lab	15.995, 7.881, -11.483
Binary	00110100, 00100110, 01000110

#342646
```
#342646 rgb(52,38,70)
```
#384626
```
#384626 rgb(56,70,38)
```

Complementary Color

#262846
```
#262846 rgb(38,40,70)
```
#342646
```
#342646 rgb(52,38,70)
```
#442646
```
#442646 rgb(68,38,70)
```

Analogous Color

#284626
```
#284626 rgb(40,70,38)
```
#342646
```
#342646 rgb(52,38,70)
```
#464426
```
#464426 rgb(70,68,38)
```

Split Complementary Color

#264634
```
#264634 rgb(38,70,52)
```
#342646
```
#342646 rgb(52,38,70)
```
#463426
```
#463426 rgb(70,52,38)
```

Triadic Color

#263846
```
#263846 rgb(38,56,70)
```
#342646
```
#342646 rgb(52,38,70)
```
#463426
```
#463426 rgb(70,52,38)
```
#384626
```
#384626 rgb(56,70,38)
```

Tetradic Color

#0f0b14
```
#0f0b14 rgb(15,11,20)
```
#1b1425
```
#1b1425 rgb(27,20,37)
```
#281d35
```
#281d35 rgb(40,29,53)
```
#342646
```
#342646 rgb(52,38,70)
```
#402f57
```
#402f57 rgb(64,47,87)
```
#4d3867
```
#4d3867 rgb(77,56,103)
```
#594178
```
#594178 rgb(89,65,120)
```

Monochromatic Color

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

#2c2646
```
#2c2646 rgb(44,38,70)
```
#2f2646
```
#2f2646 rgb(47,38,70)
```
#312646
```
#312646 rgb(49,38,70)
```
#342646
```
#342646 rgb(52,38,70)
```
#372646
```
#372646 rgb(55,38,70)
```
#392646
```
#392646 rgb(57,38,70)
```
#3c2646
```
#3c2646 rgb(60,38,70)
```

Similar Colors

Text with hexadecimal color #342646

This text has a font color of #342646.

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

#342646 background color

This paragraph has a background color of #342646.

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

#342646 border color

This element has a border color of #342646.

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

CSS codes

.text {color:#342646;}

.background {background-color:#342646;}

.border {border:1px solid #342646;}

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

#050306
```
#050306 rgb(5,3,6)
```
#0e0a13
```
#0e0a13 rgb(14,10,19)
```
#181120
```
#181120 rgb(24,17,32)
```
#21182d
```
#21182d rgb(33,24,45)
```
#2b1f39
```
#2b1f39 rgb(43,31,57)
```
#342646
```
#342646 rgb(52,38,70)
```
#3d2d53
```
#3d2d53 rgb(61,45,83)
```
#47345f
```
#47345f rgb(71,52,95)
```
#503b6c
```
#503b6c rgb(80,59,108)
```
#5a4279
```
#5a4279 rgb(90,66,121)
```
#634986
```
#634986 rgb(99,73,134)
```
#6d4f92
```
#6d4f92 rgb(109,79,146)
```
#76569f
```
#76569f rgb(118,86,159)
```

Shade Color Variation

#8060a9
```
#8060a9 rgb(128,96,169)
```
#8a6db0
```
#8a6db0 rgb(138,109,176)
```
#947ab7
```
#947ab7 rgb(148,122,183)
```
#9e86bd
```
#9e86bd rgb(158,134,189)
```
#a993c4
```
#a993c4 rgb(169,147,196)
```
#b3a0cb
```
#b3a0cb rgb(179,160,203)
```
#bdacd2
```
#bdacd2 rgb(189,172,210)
```
#c7b9d9
```
#c7b9d9 rgb(199,185,217)
```
#d1c6e0
```
#d1c6e0 rgb(209,198,224)
```
#dbd3e7
```
#dbd3e7 rgb(219,211,231)
```
#e6dfee
```
#e6dfee rgb(230,223,238)
```
#f0ecf5
```
#f0ecf5 rgb(240,236,245)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #36323a is the less saturated color, while #2f016b is the most saturated one.

#36323a
```
#36323a rgb(54,50,58)
```
#352e3e
```
#352e3e rgb(53,46,62)
```
#352a42
```
#352a42 rgb(53,42,66)
```
#342646
```
#342646 rgb(52,38,70)
```
#33224a
```
#33224a rgb(51,34,74)
```
#331e4e
```
#331e4e rgb(51,30,78)
```
#321a52
```
#321a52 rgb(50,26,82)
```
#321557
```
#321557 rgb(50,21,87)
```
#31115b
```
#31115b rgb(49,17,91)
```
#310d5f
```
#310d5f rgb(49,13,95)
```
#300963
```
#300963 rgb(48,9,99)
```
#300567
```
#300567 rgb(48,5,103)
```
#2f016b
```
#2f016b rgb(47,1,107)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2c33 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b3653 Protanopia 1% of men
#2d364d Deuteranopia 1% of men
#3a363a Tritanopia 0.001% of the population

Trichromacy

#2e304e Protanomaly 1% of men, 0.01% of women
#2f304a Deuteranomaly 6% of men, 0.4% of women
#37303e Tritanomaly 0.01% of the population

#342646 hex color

#342646 Color Information

#342646 Color Conversion

Color Schemes with #342646

Alternatives to #342646

#342646 Preview

Shades and Tints of #342646

Tones of #342646

Color Blindness Simulator