#342e20 hex color

In a RGB color space, hex #342e20 is composed of 20.4% red, 18% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.5% magenta, 38.5% yellow and 79.6% black. It has a hue angle of 42 degrees, a saturation of 23.8% and a lightness of 16.5%. #342e20 color hex could be obtained by blending #685c40 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 18
- B 13
RGB color chart
- C 0
- M 12
- Y 38
- K 80
CMYK color chart

● #342e20 color description : Very dark desaturated orange.

The hexadecimal color #342e20 has RGB values of R:52, G:46, B:32 and CMYK values of C:0, M:0.12, Y:0.38, K:0.8. Its decimal value is 3419680.

Hex triplet	342e20	`#342e20`
RGB Decimal	52, 46, 32	`rgb(52,46,32)`
RGB Percent	20.4, 18, 12.5	`rgb(20.4%,18%,12.5%)`
CMYK	0, 12, 38, 80
HSL	42°, 23.8, 16.5	`hsl(42,23.8%,16.5%)`
HSV (or HSB)	42°, 38.5, 20.4
Web Safe	333333	`#333333`

CIE-LAB	19.176, 0.068, 10.033
XYZ	2.654, 2.788, 1.765
xyY	0.368, 0.387, 2.788
CIE-LCH	19.176, 10.033, 89.612
CIE-LUV	19.176, 3.847, 8.937
Hunter-Lab	16.698, -0.854, 5.423
Binary	00110100, 00101110, 00100000

#342e20
```
#342e20 rgb(52,46,32)
```
#202634
```
#202634 rgb(32,38,52)
```

Complementary Color

#342420
```
#342420 rgb(52,36,32)
```
#342e20
```
#342e20 rgb(52,46,32)
```
#303420
```
#303420 rgb(48,52,32)
```

Analogous Color

#242034
```
#242034 rgb(36,32,52)
```
#342e20
```
#342e20 rgb(52,46,32)
```
#203034
```
#203034 rgb(32,48,52)
```

Split Complementary Color

#2e2034
```
#2e2034 rgb(46,32,52)
```
#342e20
```
#342e20 rgb(52,46,32)
```
#20342e
```
#20342e rgb(32,52,46)
```

Triadic Color

#342026
```
#342026 rgb(52,32,38)
```
#342e20
```
#342e20 rgb(52,46,32)
```
#20342e
```
#20342e rgb(32,52,46)
```
#202634
```
#202634 rgb(32,38,52)
```

Tetradic Color

#050403
```
#050403 rgb(5,4,3)
```
#14120d
```
#14120d rgb(20,18,13)
```
#242016
```
#242016 rgb(36,32,22)
```
#342e20
```
#342e20 rgb(52,46,32)
```
#443c2a
```
#443c2a rgb(68,60,42)
```
#544a33
```
#544a33 rgb(84,74,51)
```
#63583d
```
#63583d rgb(99,88,61)
```

Monochromatic Color

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

#342920
```
#342920 rgb(52,41,32)
```
#342b20
```
#342b20 rgb(52,43,32)
```
#342c20
```
#342c20 rgb(52,44,32)
```
#342e20
```
#342e20 rgb(52,46,32)
```
#343020
```
#343020 rgb(52,48,32)
```
#343120
```
#343120 rgb(52,49,32)
```
#343320
```
#343320 rgb(52,51,32)
```

Similar Colors

Text with hexadecimal color #342e20

This text has a font color of #342e20.

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

#342e20 background color

This paragraph has a background color of #342e20.

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

#342e20 border color

This element has a border color of #342e20.

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

CSS codes

.text {color:#342e20;}

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

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

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

#030302
```
#030302 rgb(3,3,2)
```
#100e0a
```
#100e0a rgb(16,14,10)
```
#1c1911
```
#1c1911 rgb(28,25,17)
```
#282319
```
#282319 rgb(40,35,25)
```
#342e20
```
#342e20 rgb(52,46,32)
```
#403927
```
#403927 rgb(64,57,39)
```
#4c432f
```
#4c432f rgb(76,67,47)
```
#584e36
```
#584e36 rgb(88,78,54)
```
#65593e
```
#65593e rgb(101,89,62)
```
#716445
```
#716445 rgb(113,100,69)
```
#7d6e4d
```
#7d6e4d rgb(125,110,77)
```
#897954
```
#897954 rgb(137,121,84)
```
#95845c
```
#95845c rgb(149,132,92)
```

Shade Color Variation

#a08e65
```
#a08e65 rgb(160,142,101)
```
#a79771
```
#a79771 rgb(167,151,113)
```
#afa07d
```
#afa07d rgb(175,160,125)
```
#b6a989
```
#b6a989 rgb(182,169,137)
```
#beb295
```
#beb295 rgb(190,178,149)
```
#c5bba1
```
#c5bba1 rgb(197,187,161)
```
#cdc3ad
```
#cdc3ad rgb(205,195,173)
```
#d4ccba
```
#d4ccba rgb(212,204,186)
```
#dcd5c6
```
#dcd5c6 rgb(220,213,198)
```
#e3ded2
```
#e3ded2 rgb(227,222,210)
```
#ebe7de
```
#ebe7de rgb(235,231,222)
```
#f2f0ea
```
#f2f0ea rgb(242,240,234)
```
#faf9f6
```
#faf9f6 rgb(250,249,246)
```

Tint Color Variation

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

#2a2a2a
```
#2a2a2a rgb(42,42,42)
```
#2e2b26
```
#2e2b26 rgb(46,43,38)
```
#312d23
```
#312d23 rgb(49,45,35)
```
#342e20
```
#342e20 rgb(52,46,32)
```
#372f1d
```
#372f1d rgb(55,47,29)
```
#3a311a
```
#3a311a rgb(58,49,26)
```
#3e3216
```
#3e3216 rgb(62,50,22)
```
#413313
```
#413313 rgb(65,51,19)
```
#443410
```
#443410 rgb(68,52,16)
```
#47360d
```
#47360d rgb(71,54,13)
```
#4b3709
```
#4b3709 rgb(75,55,9)
```
#4e3806
```
#4e3806 rgb(78,56,6)
```
#513a03
```
#513a03 rgb(81,58,3)
```

Tone Color Variation

Below, you can see how #342e20 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
#2f2e2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d392b Protanopia 1% of men
#43372c Deuteranopia 1% of men
#40363a Tritanopia 0.001% of the population

Trichromacy

#393527 Protanomaly 1% of men, 0.01% of women
#3d3327 Deuteranomaly 6% of men, 0.4% of women
#3b3330 Tritanomaly 0.01% of the population

#342e20 hex color

#342e20 Color Information

#342e20 Color Conversion

Color Schemes with #342e20

Alternatives to #342e20

#342e20 Preview

Shades and Tints of #342e20

Tones of #342e20

Color Blindness Simulator