#342e28 hex color

In a RGB color space, hex #342e28 is composed of 20.4% red, 18% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.5% magenta, 23.1% yellow and 79.6% black. It has a hue angle of 30 degrees, a saturation of 13% and a lightness of 18%. #342e28 color hex could be obtained by blending #685c50 with #000000. Closest websafe color is: #333333.

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

● #342e28 color description : Very dark grayish orange.

The hexadecimal color #342e28 has RGB values of R:52, G:46, B:40 and CMYK values of C:0, M:0.12, Y:0.23, K:0.8. Its decimal value is 3419688.

Hex triplet	342e28	`#342e28`
RGB Decimal	52, 46, 40	`rgb(52,46,40)`
RGB Percent	20.4, 18, 15.7	`rgb(20.4%,18%,15.7%)`
CMYK	0, 12, 23, 80
HSL	30°, 13, 18	`hsl(30,13%,18%)`
HSV (or HSB)	30°, 23.1, 20.4
Web Safe	333333	`#333333`

CIE-LAB	19.38, 1.481, 4.856
XYZ	2.776, 2.837, 2.409
xyY	0.346, 0.354, 2.837
CIE-LCH	19.38, 5.076, 73.035
CIE-LUV	19.38, 3.382, 4.405
Hunter-Lab	16.844, -0.059, 3.312
Binary	00110100, 00101110, 00101000

#342e28
```
#342e28 rgb(52,46,40)
```
#282e34
```
#282e34 rgb(40,46,52)
```

Complementary Color

#342828
```
#342828 rgb(52,40,40)
```
#342e28
```
#342e28 rgb(52,46,40)
```
#343428
```
#343428 rgb(52,52,40)
```

Analogous Color

#282834
```
#282834 rgb(40,40,52)
```
#342e28
```
#342e28 rgb(52,46,40)
```
#283434
```
#283434 rgb(40,52,52)
```

Split Complementary Color

#2e2834
```
#2e2834 rgb(46,40,52)
```
#342e28
```
#342e28 rgb(52,46,40)
```
#28342e
```
#28342e rgb(40,52,46)
```

Triadic Color

#34282e
```
#34282e rgb(52,40,46)
```
#342e28
```
#342e28 rgb(52,46,40)
```
#28342e
```
#28342e rgb(40,52,46)
```
#282e34
```
#282e34 rgb(40,46,52)
```

Tetradic Color

#090807
```
#090807 rgb(9,8,7)
```
#171512
```
#171512 rgb(23,21,18)
```
#26211d
```
#26211d rgb(38,33,29)
```
#342e28
```
#342e28 rgb(52,46,40)
```
#423b33
```
#423b33 rgb(66,59,51)
```
#51483e
```
#51483e rgb(81,72,62)
```
#5f5449
```
#5f5449 rgb(95,84,73)
```

Monochromatic Color

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

#342b28
```
#342b28 rgb(52,43,40)
```
#342c28
```
#342c28 rgb(52,44,40)
```
#342d28
```
#342d28 rgb(52,45,40)
```
#342e28
```
#342e28 rgb(52,46,40)
```
#342f28
```
#342f28 rgb(52,47,40)
```
#343028
```
#343028 rgb(52,48,40)
```
#343128
```
#343128 rgb(52,49,40)
```

Similar Colors

Text with hexadecimal color #342e28

This text has a font color of #342e28.

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

#342e28 background color

This paragraph has a background color of #342e28.

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

#342e28 border color

This element has a border color of #342e28.

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

CSS codes

.text {color:#342e28;}

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

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

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

#080706
```
#080706 rgb(8,7,6)
```
#13110e
```
#13110e rgb(19,17,14)
```
#1e1a17
```
#1e1a17 rgb(30,26,23)
```
#29241f
```
#29241f rgb(41,36,31)
```
#342e28
```
#342e28 rgb(52,46,40)
```
#3f3831
```
#3f3831 rgb(63,56,49)
```
#4a4239
```
#4a4239 rgb(74,66,57)
```
#554b42
```
#554b42 rgb(85,75,66)
```
#60554a
```
#60554a rgb(96,85,74)
```
#6b5f53
```
#6b5f53 rgb(107,95,83)
```
#77695b
```
#77695b rgb(119,105,91)
```
#827364
```
#827364 rgb(130,115,100)
```
#8d7c6c
```
#8d7c6c rgb(141,124,108)
```

Shade Color Variation

#968677
```
#968677 rgb(150,134,119)
```
#9f9082
```
#9f9082 rgb(159,144,130)
```
#a79a8d
```
#a79a8d rgb(167,154,141)
```
#b0a498
```
#b0a498 rgb(176,164,152)
```
#b8aea3
```
#b8aea3 rgb(184,174,163)
```
#c1b7ae
```
#c1b7ae rgb(193,183,174)
```
#c9c1b9
```
#c9c1b9 rgb(201,193,185)
```
#d2cbc4
```
#d2cbc4 rgb(210,203,196)
```
#dad5cf
```
#dad5cf rgb(218,213,207)
```
#e3dfda
```
#e3dfda rgb(227,223,218)
```
#ebe8e5
```
#ebe8e5 rgb(235,232,229)
```
#f4f2f0
```
#f4f2f0 rgb(244,242,240)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#302e2c
```
#302e2c rgb(48,46,44)
```
#342e28
```
#342e28 rgb(52,46,40)
```
#382e24
```
#382e24 rgb(56,46,36)
```
#3b2e21
```
#3b2e21 rgb(59,46,33)
```
#3f2e1d
```
#3f2e1d rgb(63,46,29)
```
#422e1a
```
#422e1a rgb(66,46,26)
```
#462e16
```
#462e16 rgb(70,46,22)
```
#492e13
```
#492e13 rgb(73,46,19)
```
#4d2e0f
```
#4d2e0f rgb(77,46,15)
```
#502e0c
```
#502e0c rgb(80,46,12)
```
#542e08
```
#542e08 rgb(84,46,8)
```
#572e05
```
#572e05 rgb(87,46,5)
```
#5b2e01
```
#5b2e01 rgb(91,46,1)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#302f2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c3933 Protanopia 1% of men
#413733 Deuteranopia 1% of men
#3f373b Tritanopia 0.001% of the population

Trichromacy

#39352f Protanomaly 1% of men, 0.01% of women
#3c342f Deuteranomaly 6% of men, 0.4% of women
#3b3434 Tritanomaly 0.01% of the population

#342e28 hex color

#342e28 Color Information

#342e28 Color Conversion

Color Schemes with #342e28

Alternatives to #342e28

#342e28 Preview

Shades and Tints of #342e28

Tones of #342e28

Color Blindness Simulator