#342a20 hex color

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

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

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

The hexadecimal color #342a20 has RGB values of R:52, G:42, B:32 and CMYK values of C:0, M:0.19, Y:0.38, K:0.8. Its decimal value is 3418656.

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

CIE-LAB	17.875, 2.781, 8.27
XYZ	2.505, 2.49, 1.715
xyY	0.373, 0.371, 2.49
CIE-LCH	17.875, 8.725, 71.414
CIE-LUV	17.875, 5.759, 6.895
Hunter-Lab	15.781, 0.716, 4.603
Binary	00110100, 00101010, 00100000

#342a20
```
#342a20 rgb(52,42,32)
```
#202a34
```
#202a34 rgb(32,42,52)
```

Complementary Color

#342020
```
#342020 rgb(52,32,32)
```
#342a20
```
#342a20 rgb(52,42,32)
```
#343420
```
#343420 rgb(52,52,32)
```

Analogous Color

#202034
```
#202034 rgb(32,32,52)
```
#342a20
```
#342a20 rgb(52,42,32)
```
#203434
```
#203434 rgb(32,52,52)
```

Split Complementary Color

#2a2034
```
#2a2034 rgb(42,32,52)
```
#342a20
```
#342a20 rgb(52,42,32)
```
#20342a
```
#20342a rgb(32,52,42)
```

Triadic Color

#34202a
```
#34202a rgb(52,32,42)
```
#342a20
```
#342a20 rgb(52,42,32)
```
#20342a
```
#20342a rgb(32,52,42)
```
#202a34
```
#202a34 rgb(32,42,52)
```

Tetradic Color

#050403
```
#050403 rgb(5,4,3)
```
#14110d
```
#14110d rgb(20,17,13)
```
#241d16
```
#241d16 rgb(36,29,22)
```
#342a20
```
#342a20 rgb(52,42,32)
```
#44372a
```
#44372a rgb(68,55,42)
```
#544433
```
#544433 rgb(84,68,51)
```
#63503d
```
#63503d rgb(99,80,61)
```

Monochromatic Color

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

#342520
```
#342520 rgb(52,37,32)
```
#342720
```
#342720 rgb(52,39,32)
```
#342820
```
#342820 rgb(52,40,32)
```
#342a20
```
#342a20 rgb(52,42,32)
```
#342c20
```
#342c20 rgb(52,44,32)
```
#342d20
```
#342d20 rgb(52,45,32)
```
#342f20
```
#342f20 rgb(52,47,32)
```

Similar Colors

Text with hexadecimal color #342a20

This text has a font color of #342a20.

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

#342a20 background color

This paragraph has a background color of #342a20.

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

#342a20 border color

This element has a border color of #342a20.

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

CSS codes

.text {color:#342a20;}

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

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

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 #faf8f6 is the lightest one.

#030302
```
#030302 rgb(3,3,2)
```
#100d0a
```
#100d0a rgb(16,13,10)
```
#1c1611
```
#1c1611 rgb(28,22,17)
```
#282019
```
#282019 rgb(40,32,25)
```
#342a20
```
#342a20 rgb(52,42,32)
```
#403427
```
#403427 rgb(64,52,39)
```
#4c3e2f
```
#4c3e2f rgb(76,62,47)
```
#584736
```
#584736 rgb(88,71,54)
```
#65513e
```
#65513e rgb(101,81,62)
```
#715b45
```
#715b45 rgb(113,91,69)
```
#7d654d
```
#7d654d rgb(125,101,77)
```
#896f54
```
#896f54 rgb(137,111,84)
```
#95785c
```
#95785c rgb(149,120,92)
```

Shade Color Variation

#a08265
```
#a08265 rgb(160,130,101)
```
#a78c71
```
#a78c71 rgb(167,140,113)
```
#af967d
```
#af967d rgb(175,150,125)
```
#b6a089
```
#b6a089 rgb(182,160,137)
```
#beaa95
```
#beaa95 rgb(190,170,149)
```
#c5b3a1
```
#c5b3a1 rgb(197,179,161)
```
#cdbdad
```
#cdbdad rgb(205,189,173)
```
#d4c7ba
```
#d4c7ba rgb(212,199,186)
```
#dcd1c6
```
#dcd1c6 rgb(220,209,198)
```
#e3dbd2
```
#e3dbd2 rgb(227,219,210)
```
#ebe4de
```
#ebe4de rgb(235,228,222)
```
#f2eeea
```
#f2eeea rgb(242,238,234)
```
#faf8f6
```
#faf8f6 rgb(250,248,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 #512a03 is the most saturated one.

#2a2a2a
```
#2a2a2a rgb(42,42,42)
```
#2e2a26
```
#2e2a26 rgb(46,42,38)
```
#312a23
```
#312a23 rgb(49,42,35)
```
#342a20
```
#342a20 rgb(52,42,32)
```
#372a1d
```
#372a1d rgb(55,42,29)
```
#3a2a1a
```
#3a2a1a rgb(58,42,26)
```
#3e2a16
```
#3e2a16 rgb(62,42,22)
```
#412a13
```
#412a13 rgb(65,42,19)
```
#442a10
```
#442a10 rgb(68,42,16)
```
#472a0d
```
#472a0d rgb(71,42,13)
```
#4b2a09
```
#4b2a09 rgb(75,42,9)
```
#4e2a06
```
#4e2a06 rgb(78,42,6)
```
#512a03
```
#512a03 rgb(81,42,3)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2e2c2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a362c Protanopia 1% of men
#3f342b Deuteranopia 1% of men
#403337 Tritanopia 0.001% of the population

Trichromacy

#373227 Protanomaly 1% of men, 0.01% of women
#3b3027 Deuteranomaly 6% of men, 0.4% of women
#3b302e Tritanomaly 0.01% of the population

#342a20 hex color

#342a20 Color Information

#342a20 Color Conversion

Color Schemes with #342a20

Alternatives to #342a20

#342a20 Preview

Shades and Tints of #342a20

Tones of #342a20

Color Blindness Simulator