#342422 hex color

In a RGB color space, hex #342422 is composed of 20.4% red, 14.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 34.6% yellow and 79.6% black. It has a hue angle of 6.7 degrees, a saturation of 20.9% and a lightness of 16.9%. #342422 color hex could be obtained by blending #684844 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 14
- B 13
RGB color chart
- C 0
- M 31
- Y 35
- K 80
CMYK color chart

● #342422 color description : Very dark grayish red.

The hexadecimal color #342422 has RGB values of R:52, G:36, B:34 and CMYK values of C:0, M:0.31, Y:0.35, K:0.8. Its decimal value is 3417122.

Hex triplet	342422	`#342422`
RGB Decimal	52, 36, 34	`rgb(52,36,34)`
RGB Percent	20.4, 14.1, 13.3	`rgb(20.4%,14.1%,13.3%)`
CMYK	0, 31, 35, 80
HSL	6.7°, 20.9, 16.9	`hsl(6.7,20.9%,16.9%)`
HSV (or HSB)	6.7°, 34.6, 20.4
Web Safe	333333	`#333333`

CIE-LAB	16.041, 7.259, 4.323
XYZ	2.336, 2.107, 1.797
xyY	0.374, 0.338, 2.107
CIE-LCH	16.041, 8.449, 30.772
CIE-LUV	16.041, 8.272, 2.88
Hunter-Lab	14.517, 3.316, 2.822
Binary	00110100, 00100100, 00100010

#342422
```
#342422 rgb(52,36,34)
```
#223234
```
#223234 rgb(34,50,52)
```

Complementary Color

#342229
```
#342229 rgb(52,34,41)
```
#342422
```
#342422 rgb(52,36,34)
```
#342d22
```
#342d22 rgb(52,45,34)
```

Analogous Color

#222934
```
#222934 rgb(34,41,52)
```
#342422
```
#342422 rgb(52,36,34)
```
#22342d
```
#22342d rgb(34,52,45)
```

Split Complementary Color

#242234
```
#242234 rgb(36,34,52)
```
#342422
```
#342422 rgb(52,36,34)
```
#223424
```
#223424 rgb(34,52,36)
```

Triadic Color

#342232
```
#342232 rgb(52,34,50)
```
#342422
```
#342422 rgb(52,36,34)
```
#223424
```
#223424 rgb(34,52,36)
```
#223234
```
#223234 rgb(34,50,52)
```

Tetradic Color

#060404
```
#060404 rgb(6,4,4)
```
#150f0e
```
#150f0e rgb(21,15,14)
```
#251918
```
#251918 rgb(37,25,24)
```
#342422
```
#342422 rgb(52,36,34)
```
#432f2c
```
#432f2c rgb(67,47,44)
```
#533936
```
#533936 rgb(83,57,54)
```
#624440
```
#624440 rgb(98,68,64)
```

Monochromatic Color

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

#342225
```
#342225 rgb(52,34,37)
```
#342223
```
#342223 rgb(52,34,35)
```
#342322
```
#342322 rgb(52,35,34)
```
#342422
```
#342422 rgb(52,36,34)
```
#342622
```
#342622 rgb(52,38,34)
```
#342722
```
#342722 rgb(52,39,34)
```
#342922
```
#342922 rgb(52,41,34)
```

Similar Colors

Text with hexadecimal color #342422

This text has a font color of #342422.

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

#342422 background color

This paragraph has a background color of #342422.

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

#342422 border color

This element has a border color of #342422.

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

CSS codes

.text {color:#342422;}

.background {background-color:#342422;}

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

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

#050303
```
#050303 rgb(5,3,3)
```
#100b0b
```
#100b0b rgb(16,11,11)
```
#1c1412
```
#1c1412 rgb(28,20,18)
```
#281c1a
```
#281c1a rgb(40,28,26)
```
#342422
```
#342422 rgb(52,36,34)
```
#402c2a
```
#402c2a rgb(64,44,42)
```
#4c3432
```
#4c3432 rgb(76,52,50)
```
#583d39
```
#583d39 rgb(88,61,57)
```
#634541
```
#634541 rgb(99,69,65)
```
#6f4d49
```
#6f4d49 rgb(111,77,73)
```
#7b5551
```
#7b5551 rgb(123,85,81)
```
#875d58
```
#875d58 rgb(135,93,88)
```
#936660
```
#936660 rgb(147,102,96)
```

Shade Color Variation

#9d6f69
```
#9d6f69 rgb(157,111,105)
```
#a57b75
```
#a57b75 rgb(165,123,117)
```
#ad8681
```
#ad8681 rgb(173,134,129)
```
#b4918d
```
#b4918d rgb(180,145,141)
```
#bc9d99
```
#bc9d99 rgb(188,157,153)
```
#c4a8a5
```
#c4a8a5 rgb(196,168,165)
```
#ccb4b1
```
#ccb4b1 rgb(204,180,177)
```
#d3bfbc
```
#d3bfbc rgb(211,191,188)
```
#dbcac8
```
#dbcac8 rgb(219,202,200)
```
#e3d6d4
```
#e3d6d4 rgb(227,214,212)
```
#ebe1e0
```
#ebe1e0 rgb(235,225,224)
```
#f2edec
```
#f2edec rgb(242,237,236)
```
#faf8f8
```
#faf8f8 rgb(250,248,248)
```

Tint Color Variation

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

#2d2929
```
#2d2929 rgb(45,41,41)
```
#312725
```
#312725 rgb(49,39,37)
```
#342422
```
#342422 rgb(52,36,34)
```
#37211f
```
#37211f rgb(55,33,31)
```
#3b1f1b
```
#3b1f1b rgb(59,31,27)
```
#3e1c18
```
#3e1c18 rgb(62,28,24)
```
#411a15
```
#411a15 rgb(65,26,21)
```
#451711
```
#451711 rgb(69,23,17)
```
#48150e
```
#48150e rgb(72,21,14)
```
#4b120b
```
#4b120b rgb(75,18,11)
```
#4e0f08
```
#4e0f08 rgb(78,15,8)
```
#520d04
```
#520d04 rgb(82,13,4)
```
#550a01
```
#550a01 rgb(85,10,1)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2b2828 Atypical Achromatopsia 0.001% of the population

Dichromacy

#34322f Protanopia 1% of men
#3a312c Deuteranopia 1% of men
#3f2e31 Tritanopia 0.001% of the population

Trichromacy

#342d2a Protanomaly 1% of men, 0.01% of women
#372c28 Deuteranomaly 6% of men, 0.4% of women
#3b2a2c Tritanomaly 0.01% of the population

#342422 hex color

#342422 Color Information

#342422 Color Conversion

Color Schemes with #342422

Alternatives to #342422

#342422 Preview

Shades and Tints of #342422

Tones of #342422

Color Blindness Simulator