#342c18 hex color

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

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

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

The hexadecimal color #342c18 has RGB values of R:52, G:44, B:24 and CMYK values of C:0, M:0.15, Y:0.54, K:0.8. Its decimal value is 3419160.

Hex triplet	342c18	`#342c18`
RGB Decimal	52, 44, 24	`rgb(52,44,24)`
RGB Percent	20.4, 17.3, 9.4	`rgb(20.4%,17.3%,9.4%)`
CMYK	0, 15, 54, 80
HSL	42.9°, 36.8, 14.9	`hsl(42.9,36.8%,14.9%)`
HSV (or HSB)	42.9°, 53.8, 20.4
Web Safe	333300	`#333300`

CIE-LAB	18.354, 0.258, 14.297
XYZ	2.482, 2.597, 1.235
xyY	0.393, 0.411, 2.597
CIE-LCH	18.354, 14.3, 88.966
CIE-LUV	18.354, 5.258, 11.8
Hunter-Lab	16.117, -0.718, 6.739
Binary	00110100, 00101100, 00011000

#342c18
```
#342c18 rgb(52,44,24)
```
#182034
```
#182034 rgb(24,32,52)
```

Complementary Color

#341e18
```
#341e18 rgb(52,30,24)
```
#342c18
```
#342c18 rgb(52,44,24)
```
#2e3418
```
#2e3418 rgb(46,52,24)
```

Analogous Color

#1e1834
```
#1e1834 rgb(30,24,52)
```
#342c18
```
#342c18 rgb(52,44,24)
```
#182e34
```
#182e34 rgb(24,46,52)
```

Split Complementary Color

#2c1834
```
#2c1834 rgb(44,24,52)
```
#342c18
```
#342c18 rgb(52,44,24)
```
#18342c
```
#18342c rgb(24,52,44)
```

Triadic Color

#341820
```
#341820 rgb(52,24,32)
```
#342c18
```
#342c18 rgb(52,44,24)
```
#18342c
```
#18342c rgb(24,52,44)
```
#182034
```
#182034 rgb(24,32,52)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#110e08
```
#110e08 rgb(17,14,8)
```
#231d10
```
#231d10 rgb(35,29,16)
```
#342c18
```
#342c18 rgb(52,44,24)
```
#453b20
```
#453b20 rgb(69,59,32)
```
#574a28
```
#574a28 rgb(87,74,40)
```
#685830
```
#685830 rgb(104,88,48)
```

Monochromatic Color

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

#342518
```
#342518 rgb(52,37,24)
```
#342718
```
#342718 rgb(52,39,24)
```
#342a18
```
#342a18 rgb(52,42,24)
```
#342c18
```
#342c18 rgb(52,44,24)
```
#342e18
```
#342e18 rgb(52,46,24)
```
#343118
```
#343118 rgb(52,49,24)
```
#343318
```
#343318 rgb(52,51,24)
```

Similar Colors

Text with hexadecimal color #342c18

This text has a font color of #342c18.

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

#342c18 background color

This paragraph has a background color of #342c18.

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

#342c18 border color

This element has a border color of #342c18.

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

CSS codes

.text {color:#342c18;}

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

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

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)
```
#272112
```
#272112 rgb(39,33,18)
```
#342c18
```
#342c18 rgb(52,44,24)
```
#41371e
```
#41371e rgb(65,55,30)
```
#4f4324
```
#4f4324 rgb(79,67,36)
```
#5c4e2b
```
#5c4e2b rgb(92,78,43)
```
#6a5931
```
#6a5931 rgb(106,89,49)
```
#776537
```
#776537 rgb(119,101,55)
```
#85703d
```
#85703d rgb(133,112,61)
```
#927b43
```
#927b43 rgb(146,123,67)
```
#9f874a
```
#9f874a rgb(159,135,74)
```
#ad9250
```
#ad9250 rgb(173,146,80)
```

Shade Color Variation

#b49b5c
```
#b49b5c rgb(180,155,92)
```
#baa36a
```
#baa36a rgb(186,163,106)
```
#c0ab77
```
#c0ab77 rgb(192,171,119)
```
#c6b485
```
#c6b485 rgb(198,180,133)
```
#cdbc92
```
#cdbc92 rgb(205,188,146)
```
#d3c49f
```
#d3c49f rgb(211,196,159)
```
#d9ccad
```
#d9ccad rgb(217,204,173)
```
#dfd5ba
```
#dfd5ba rgb(223,213,186)
```
#e5ddc8
```
#e5ddc8 rgb(229,221,200)
```
#ece5d5
```
#ece5d5 rgb(236,229,213)
```
#f2ede2
```
#f2ede2 rgb(242,237,226)
```
#f8f6f0
```
#f8f6f0 rgb(248,246,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 #4b3601 is the most saturated one.

#282724
```
#282724 rgb(40,39,36)
```
#2b2821
```
#2b2821 rgb(43,40,33)
```
#2e291e
```
#2e291e rgb(46,41,30)
```
#312b1b
```
#312b1b rgb(49,43,27)
```
#342c18
```
#342c18 rgb(52,44,24)
```
#372d15
```
#372d15 rgb(55,45,21)
```
#3a2f12
```
#3a2f12 rgb(58,47,18)
```
#3d300f
```
#3d300f rgb(61,48,15)
```
#40310c
```
#40310c rgb(64,49,12)
```
#433209
```
#433209 rgb(67,50,9)
```
#463406
```
#463406 rgb(70,52,6)
```
#483504
```
#483504 rgb(72,53,4)
```
#4b3601
```
#4b3601 rgb(75,54,1)
```

Tone Color Variation

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

#3c3724 Protanopia 1% of men
#423524 Deuteranopia 1% of men
#403438 Tritanopia 0.001% of the population

Trichromacy

#39331f Protanomaly 1% of men, 0.01% of women
#3d311f Deuteranomaly 6% of men, 0.4% of women
#3c312c Tritanomaly 0.01% of the population

#342c18 hex color

#342c18 Color Information

#342c18 Color Conversion

Color Schemes with #342c18

Alternatives to #342c18

#342c18 Preview

Shades and Tints of #342c18

Tones of #342c18

Color Blindness Simulator