#342b18 hex color

In a RGB color space, hex #342b18 is composed of 20.4% red, 16.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 53.8% yellow and 79.6% black. It has a hue angle of 40.7 degrees, a saturation of 36.8% and a lightness of 14.9%. #342b18 color hex could be obtained by blending #685630 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 20
- G 17
- B 9
RGB color chart
- C 0
- M 17
- Y 54
- K 80
CMYK color chart

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

The hexadecimal color #342b18 has RGB values of R:52, G:43, B:24 and CMYK values of C:0, M:0.17, Y:0.54, K:0.8. Its decimal value is 3418904.

Hex triplet	342b18	`#342b18`
RGB Decimal	52, 43, 24	`rgb(52,43,24)`
RGB Percent	20.4, 16.9, 9.4	`rgb(20.4%,16.9%,9.4%)`
CMYK	0, 17, 54, 80
HSL	40.7°, 36.8, 14.9	`hsl(40.7,36.8%,14.9%)`
HSV (or HSB)	40.7°, 53.8, 20.4
Web Safe	333300	`#333300`

CIE-LAB	18.026, 0.933, 13.882
XYZ	2.445, 2.524, 1.222
xyY	0.395, 0.408, 2.524
CIE-LCH	18.026, 13.913, 86.154
CIE-LUV	18.026, 5.759, 11.308
Hunter-Lab	15.887, -0.331, 6.558
Binary	00110100, 00101011, 00011000

#342b18
```
#342b18 rgb(52,43,24)
```
#182134
```
#182134 rgb(24,33,52)
```

Complementary Color

#341d18
```
#341d18 rgb(52,29,24)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#2f3418
```
#2f3418 rgb(47,52,24)
```

Analogous Color

#1d1834
```
#1d1834 rgb(29,24,52)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#182f34
```
#182f34 rgb(24,47,52)
```

Split Complementary Color

#2b1834
```
#2b1834 rgb(43,24,52)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#18342b
```
#18342b rgb(24,52,43)
```

Triadic Color

#341821
```
#341821 rgb(52,24,33)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#18342b
```
#18342b rgb(24,52,43)
```
#182134
```
#182134 rgb(24,33,52)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#110e08
```
#110e08 rgb(17,14,8)
```
#231d10
```
#231d10 rgb(35,29,16)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#453920
```
#453920 rgb(69,57,32)
```
#574828
```
#574828 rgb(87,72,40)
```
#685630
```
#685630 rgb(104,86,48)
```

Monochromatic Color

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

#342418
```
#342418 rgb(52,36,24)
```
#342618
```
#342618 rgb(52,38,24)
```
#342918
```
#342918 rgb(52,41,24)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#342d18
```
#342d18 rgb(52,45,24)
```
#343018
```
#343018 rgb(52,48,24)
```
#343218
```
#343218 rgb(52,50,24)
```

Similar Colors

Text with hexadecimal color #342b18

This text has a font color of #342b18.

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

#342b18 background color

This paragraph has a background color of #342b18.

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

#342b18 border color

This element has a border color of #342b18.

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

CSS codes

.text {color:#342b18;}

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

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

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, #0c0a05 is the darkest color, while #fefefd is the lightest one.

#0c0a05
```
#0c0a05 rgb(12,10,5)
```
#19150c
```
#19150c rgb(25,21,12)
```
#272012
```
#272012 rgb(39,32,18)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#41361e
```
#41361e rgb(65,54,30)
```
#4f4124
```
#4f4124 rgb(79,65,36)
```
#5c4c2b
```
#5c4c2b rgb(92,76,43)
```
#6a5731
```
#6a5731 rgb(106,87,49)
```
#776237
```
#776237 rgb(119,98,55)
```
#856e3d
```
#856e3d rgb(133,110,61)
```
#927943
```
#927943 rgb(146,121,67)
```
#9f844a
```
#9f844a rgb(159,132,74)
```
#ad8f50
```
#ad8f50 rgb(173,143,80)
```

Shade Color Variation

#b4985c
```
#b4985c rgb(180,152,92)
```
#baa06a
```
#baa06a rgb(186,160,106)
```
#c0a977
```
#c0a977 rgb(192,169,119)
```
#c6b185
```
#c6b185 rgb(198,177,133)
```
#cdba92
```
#cdba92 rgb(205,186,146)
```
#d3c29f
```
#d3c29f rgb(211,194,159)
```
#d9cbad
```
#d9cbad rgb(217,203,173)
```
#dfd3ba
```
#dfd3ba rgb(223,211,186)
```
#e5dcc8
```
#e5dcc8 rgb(229,220,200)
```
#ece4d5
```
#ece4d5 rgb(236,228,213)
```
#f2ede2
```
#f2ede2 rgb(242,237,226)
```
#f8f5f0
```
#f8f5f0 rgb(248,245,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#282724
```
#282724 rgb(40,39,36)
```
#2b2821
```
#2b2821 rgb(43,40,33)
```
#2e291e
```
#2e291e rgb(46,41,30)
```
#312a1b
```
#312a1b rgb(49,42,27)
```
#342b18
```
#342b18 rgb(52,43,24)
```
#372c15
```
#372c15 rgb(55,44,21)
```
#3a2d12
```
#3a2d12 rgb(58,45,18)
```
#3d2e0f
```
#3d2e0f rgb(61,46,15)
```
#402f0c
```
#402f0c rgb(64,47,12)
```
#433009
```
#433009 rgb(67,48,9)
```
#463106
```
#463106 rgb(70,49,6)
```
#483204
```
#483204 rgb(72,50,4)
```
#4b3301
```
#4b3301 rgb(75,51,1)
```

Tone Color Variation

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

Dichromacy

#3b3724 Protanopia 1% of men
#413424 Deuteranopia 1% of men
#403337 Tritanopia 0.001% of the population

Trichromacy

#38321f Protanomaly 1% of men, 0.01% of women
#3c311f Deuteranomaly 6% of men, 0.4% of women
#3c302b Tritanomaly 0.01% of the population

#342b18 hex color

#342b18 Color Information

#342b18 Color Conversion

Color Schemes with #342b18

Alternatives to #342b18

#342b18 Preview

Shades and Tints of #342b18

Tones of #342b18

Color Blindness Simulator