#342722 hex color

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

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

● #342722 color description : Very dark grayish orange.

The hexadecimal color #342722 has RGB values of R:52, G:39, B:34 and CMYK values of C:0, M:0.25, Y:0.35, K:0.8. Its decimal value is 3417890.

Hex triplet	342722	`#342722`
RGB Decimal	52, 39, 34	`rgb(52,39,34)`
RGB Percent	20.4, 15.3, 13.3	`rgb(20.4%,15.3%,13.3%)`
CMYK	0, 25, 35, 80
HSL	16.7°, 20.9, 16.9	`hsl(16.7,20.9%,16.9%)`
HSV (or HSB)	16.7°, 34.6, 20.4
Web Safe	333333	`#333333`

CIE-LAB	16.973, 5.18, 5.633
XYZ	2.43, 2.297, 1.829
xyY	0.371, 0.35, 2.297
CIE-LCH	16.973, 7.653, 47.399
CIE-LUV	16.973, 6.978, 4.315
Hunter-Lab	15.155, 2.106, 3.454
Binary	00110100, 00100111, 00100010

#342722
```
#342722 rgb(52,39,34)
```
#222f34
```
#222f34 rgb(34,47,52)
```

Complementary Color

#342226
```
#342226 rgb(52,34,38)
```
#342722
```
#342722 rgb(52,39,34)
```
#343022
```
#343022 rgb(52,48,34)
```

Analogous Color

#222634
```
#222634 rgb(34,38,52)
```
#342722
```
#342722 rgb(52,39,34)
```
#223430
```
#223430 rgb(34,52,48)
```

Split Complementary Color

#272234
```
#272234 rgb(39,34,52)
```
#342722
```
#342722 rgb(52,39,34)
```
#223427
```
#223427 rgb(34,52,39)
```

Triadic Color

#34222f
```
#34222f rgb(52,34,47)
```
#342722
```
#342722 rgb(52,39,34)
```
#223427
```
#223427 rgb(34,52,39)
```
#222f34
```
#222f34 rgb(34,47,52)
```

Tetradic Color

#060404
```
#060404 rgb(6,4,4)
```
#15100e
```
#15100e rgb(21,16,14)
```
#251b18
```
#251b18 rgb(37,27,24)
```
#342722
```
#342722 rgb(52,39,34)
```
#43332c
```
#43332c rgb(67,51,44)
```
#533e36
```
#533e36 rgb(83,62,54)
```
#624a40
```
#624a40 rgb(98,74,64)
```

Monochromatic Color

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

#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)
```
#342a22
```
#342a22 rgb(52,42,34)
```
#342c22
```
#342c22 rgb(52,44,34)
```

Similar Colors

Text with hexadecimal color #342722

This text has a font color of #342722.

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

#342722 background color

This paragraph has a background color of #342722.

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

#342722 border color

This element has a border color of #342722.

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

CSS codes

.text {color:#342722;}

.background {background-color:#342722;}

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

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)
```
#100c0b
```
#100c0b rgb(16,12,11)
```
#1c1512
```
#1c1512 rgb(28,21,18)
```
#281e1a
```
#281e1a rgb(40,30,26)
```
#342722
```
#342722 rgb(52,39,34)
```
#40302a
```
#40302a rgb(64,48,42)
```
#4c3932
```
#4c3932 rgb(76,57,50)
```
#584239
```
#584239 rgb(88,66,57)
```
#634b41
```
#634b41 rgb(99,75,65)
```
#6f5349
```
#6f5349 rgb(111,83,73)
```
#7b5c51
```
#7b5c51 rgb(123,92,81)
```
#876558
```
#876558 rgb(135,101,88)
```
#936e60
```
#936e60 rgb(147,110,96)
```

Shade Color Variation

#9d7869
```
#9d7869 rgb(157,120,105)
```
#a58275
```
#a58275 rgb(165,130,117)
```
#ad8d81
```
#ad8d81 rgb(173,141,129)
```
#b4988d
```
#b4988d rgb(180,152,141)
```
#bca399
```
#bca399 rgb(188,163,153)
```
#c4ada5
```
#c4ada5 rgb(196,173,165)
```
#ccb8b1
```
#ccb8b1 rgb(204,184,177)
```
#d3c3bc
```
#d3c3bc rgb(211,195,188)
```
#dbcec8
```
#dbcec8 rgb(219,206,200)
```
#e3d8d4
```
#e3d8d4 rgb(227,216,212)
```
#ebe3e0
```
#ebe3e0 rgb(235,227,224)
```
#f2eeec
```
#f2eeec rgb(242,238,236)
```
#faf8f8
```
#faf8f8 rgb(250,248,248)
```

Tint Color Variation

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

#2d2a29
```
#2d2a29 rgb(45,42,41)
```
#312825
```
#312825 rgb(49,40,37)
```
#342722
```
#342722 rgb(52,39,34)
```
#37261f
```
#37261f rgb(55,38,31)
```
#3b241b
```
#3b241b rgb(59,36,27)
```
#3e2318
```
#3e2318 rgb(62,35,24)
```
#412115
```
#412115 rgb(65,33,21)
```
#452011
```
#452011 rgb(69,32,17)
```
#481e0e
```
#481e0e rgb(72,30,14)
```
#4b1d0b
```
#4b1d0b rgb(75,29,11)
```
#4e1b08
```
#4e1b08 rgb(78,27,8)
```
#521a04
```
#521a04 rgb(82,26,4)
```
#551801
```
#551801 rgb(85,24,1)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2c2928 Atypical Achromatopsia 0.001% of the population

Dichromacy

#37342e Protanopia 1% of men
#3c332d Deuteranopia 1% of men
#3f3134 Tritanopia 0.001% of the population

Trichromacy

#362f2a Protanomaly 1% of men, 0.01% of women
#392e29 Deuteranomaly 6% of men, 0.4% of women
#3b2d2d Tritanomaly 0.01% of the population

#342722 hex color

#342722 Color Information

#342722 Color Conversion

Color Schemes with #342722

Alternatives to #342722

#342722 Preview

Shades and Tints of #342722

Tones of #342722

Color Blindness Simulator