colorhexa.com

#342242 hex color

In a RGB color space, hex #342242 is composed of 20.4% red, 13.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 48.5% magenta, 0% yellow and 74.1% black. It has a hue angle of 273.8 degrees, a saturation of 32% and a lightness of 19.6%. #342242 color hex could be obtained by blending #684484 with #000000. Closest websafe color is: #333333.

- R 20
- G 13
- B 26
RGB color chart
- C 21
- M 48
- Y 0
- K 74
CMYK color chart

● #342242 color description : Very dark desaturated violet.

The hexadecimal color #342242 has RGB values of R:52, G:34, B:66 and CMYK values of C:0.21, M:0.48, Y:0, K:0.74. Its decimal value is 3416642.

Hex triplet	342242	`#342242`
RGB Decimal	52, 34, 66	`rgb(52,34,66)`
RGB Percent	20.4, 13.3, 25.9	`rgb(20.4%,13.3%,25.9%)`
CMYK	21, 48, 0, 74
HSL	273.8°, 32, 19.6	`hsl(273.8,32%,19.6%)`
HSV (or HSB)	273.8°, 48.5, 25.9
Web Safe	333333	`#333333`

CIE-LAB	16.833, 15.991, -17.031
XYZ	2.971, 2.268, 5.435
xyY	0.278, 0.212, 2.268
CIE-LCH	16.833, 23.362, 313.195
CIE-LUV	16.833, 5.515, -18.683
Hunter-Lab	15.058, 8.871, -10.859
Binary	00110100, 00100010, 01000010

#342242
```
#342242 rgb(52,34,66)
```
#304222
```
#304222 rgb(48,66,34)
```

Complementary Color

#242242
```
#242242 rgb(36,34,66)
```
#342242
```
#342242 rgb(52,34,66)
```
#422240
```
#422240 rgb(66,34,64)
```

Analogous Color

#224224
```
#224224 rgb(34,66,36)
```
#342242
```
#342242 rgb(52,34,66)
```
#404222
```
#404222 rgb(64,66,34)
```

Split Complementary Color

#0c0810
```
#0c0810 rgb(12,8,16)
```
#191120
```
#191120 rgb(25,17,32)
```
#271931
```
#271931 rgb(39,25,49)
```
#342242
```
#342242 rgb(52,34,66)
```
#412b53
```
#412b53 rgb(65,43,83)
```
#4f3364
```
#4f3364 rgb(79,51,100)
```
#5c3c74
```
#5c3c74 rgb(92,60,116)
```

Monochromatic Color

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

#2c2242
```
#2c2242 rgb(44,34,66)
```
#2f2242
```
#2f2242 rgb(47,34,66)
```
#312242
```
#312242 rgb(49,34,66)
```
#342242
```
#342242 rgb(52,34,66)
```
#372242
```
#372242 rgb(55,34,66)
```
#392242
```
#392242 rgb(57,34,66)
```
#3c2242
```
#3c2242 rgb(60,34,66)
```

Similar Colors

Text with hexadecimal color #342242

This text has a font color of #342242.

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

#342242 background color

This paragraph has a background color of #342242.

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

#342242 border color

This element has a border color of #342242.

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

CSS codes

.text {color:#342242;}

.background {background-color:#342242;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b070e
```
#0b070e rgb(11,7,14)
```
#150e1b
```
#150e1b rgb(21,14,27)
```
#201528
```
#201528 rgb(32,21,40)
```
#2a1b35
```
#2a1b35 rgb(42,27,53)
```
#342242
```
#342242 rgb(52,34,66)
```
#3e294f
```
#3e294f rgb(62,41,79)
```
#482f5c
```
#482f5c rgb(72,47,92)
```
#533669
```
#533669 rgb(83,54,105)
```
#5d3d76
```
#5d3d76 rgb(93,61,118)
```
#674383
```
#674383 rgb(103,67,131)
```
#714a90
```
#714a90 rgb(113,74,144)
```
#7b519d
```
#7b519d rgb(123,81,157)
```

Shade Color Variation

#8658a9
```
#8658a9 rgb(134,88,169)
```
#8f65b0
```
#8f65b0 rgb(143,101,176)
```
#9872b6
```
#9872b6 rgb(152,114,182)
```
#a27fbd
```
#a27fbd rgb(162,127,189)
```
#ab8cc4
```
#ab8cc4 rgb(171,140,196)
```
#b599ca
```
#b599ca rgb(181,153,202)
```
#bea6d1
```
#bea6d1 rgb(190,166,209)
```
#c7b3d8
```
#c7b3d8 rgb(199,179,216)
```
#d1c0de
```
#d1c0de rgb(209,192,222)
```
#dacce5
```
#dacce5 rgb(218,204,229)
```
#e4d9ec
```
#e4d9ec rgb(228,217,236)
```
#ede6f2
```
#ede6f2 rgb(237,230,242)
```
#f7f3f9
```
#f7f3f9 rgb(247,243,249)
```

Tint Color Variation

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

#323133
```
#323133 rgb(50,49,51)
```
#332e36
```
#332e36 rgb(51,46,54)
```
#332a3a
```
#332a3a rgb(51,42,58)
```
#34263e
```
#34263e rgb(52,38,62)
```
#342242
```
#342242 rgb(52,34,66)
```
#341e46
```
#341e46 rgb(52,30,70)
```
#351a4a
```
#351a4a rgb(53,26,74)
```
#35164e
```
#35164e rgb(53,22,78)
```
#361351
```
#361351 rgb(54,19,81)
```
#360f55
```
#360f55 rgb(54,15,85)
```
#370b59
```
#370b59 rgb(55,11,89)
```
#37075d
```
#37075d rgb(55,7,93)
```
#380361
```
#380361 rgb(56,3,97)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2d2930 Atypical Achromatopsia 0.001% of the population

Dichromacy

#283350 Protanopia 1% of men
#2b3449 Deuteranopia 1% of men
#3a3236 Tritanopia 0.001% of the population

Trichromacy

#2c2d4b Protanomaly 1% of men, 0.01% of women
#2e2d46 Deuteranomaly 6% of men, 0.4% of women
#382c3a Tritanomaly 0.01% of the population