#342412 hex color

In a RGB color space, hex #342412 is composed of 20.4% red, 14.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 65.4% yellow and 79.6% black. It has a hue angle of 31.8 degrees, a saturation of 48.6% and a lightness of 13.7%. #342412 color hex could be obtained by blending #684824 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 20
- G 14
- B 7
RGB color chart
- C 0
- M 31
- Y 65
- K 80
CMYK color chart

● #342412 color description : Very dark orange [Brown tone].

The hexadecimal color #342412 has RGB values of R:52, G:36, B:18 and CMYK values of C:0, M:0.31, Y:0.65, K:0.8. Its decimal value is 3417106.

Hex triplet	342412	`#342412`
RGB Decimal	52, 36, 18	`rgb(52,36,18)`
RGB Percent	20.4, 14.1, 7.1	`rgb(20.4%,14.1%,7.1%)`
CMYK	0, 31, 65, 80
HSL	31.8°, 48.6, 13.7	`hsl(31.8,48.6%,13.7%)`
HSV (or HSB)	31.8°, 65.4, 20.4
Web Safe	333300	`#333300`

CIE-LAB	15.673, 5.022, 14.842
XYZ	2.156, 2.036, 0.852
xyY	0.428, 0.404, 2.036
CIE-LCH	15.673, 15.669, 71.305
CIE-LUV	15.673, 9.551, 10.486
Hunter-Lab	14.267, 2.009, 6.448
Binary	00110100, 00100100, 00010010

#342412
```
#342412 rgb(52,36,18)
```
#122234
```
#122234 rgb(18,34,52)
```

Complementary Color

#341312
```
#341312 rgb(52,19,18)
```
#342412
```
#342412 rgb(52,36,18)
```
#333412
```
#333412 rgb(51,52,18)
```

Analogous Color

#131234
```
#131234 rgb(19,18,52)
```
#342412
```
#342412 rgb(52,36,18)
```
#123334
```
#123334 rgb(18,51,52)
```

Split Complementary Color

#241234
```
#241234 rgb(36,18,52)
```
#342412
```
#342412 rgb(52,36,18)
```
#123424
```
#123424 rgb(18,52,36)
```

Triadic Color

#341222
```
#341222 rgb(52,18,34)
```
#342412
```
#342412 rgb(52,36,18)
```
#123424
```
#123424 rgb(18,52,36)
```
#122234
```
#122234 rgb(18,34,52)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0a05
```
#0e0a05 rgb(14,10,5)
```
#21170b
```
#21170b rgb(33,23,11)
```
#342412
```
#342412 rgb(52,36,18)
```
#473119
```
#473119 rgb(71,49,25)
```
#5a3e1f
```
#5a3e1f rgb(90,62,31)
```
#6d4b26
```
#6d4b26 rgb(109,75,38)
```

Monochromatic Color

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

#341c12
```
#341c12 rgb(52,28,18)
```
#341e12
```
#341e12 rgb(52,30,18)
```
#342112
```
#342112 rgb(52,33,18)
```
#342412
```
#342412 rgb(52,36,18)
```
#342712
```
#342712 rgb(52,39,18)
```
#342a12
```
#342a12 rgb(52,42,18)
```
#342d12
```
#342d12 rgb(52,45,18)
```

Similar Colors

Text with hexadecimal color #342412

This text has a font color of #342412.

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

#342412 background color

This paragraph has a background color of #342412.

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

#342412 border color

This element has a border color of #342412.

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

CSS codes

.text {color:#342412;}

.background {background-color:#342412;}

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

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

#080603
```
#080603 rgb(8,6,3)
```
#171008
```
#171008 rgb(23,16,8)
```
#251a0d
```
#251a0d rgb(37,26,13)
```
#342412
```
#342412 rgb(52,36,18)
```
#432e17
```
#432e17 rgb(67,46,23)
```
#51381c
```
#51381c rgb(81,56,28)
```
#604221
```
#604221 rgb(96,66,33)
```
#6e4c26
```
#6e4c26 rgb(110,76,38)
```
#7d562b
```
#7d562b rgb(125,86,43)
```
#8b6130
```
#8b6130 rgb(139,97,48)
```
#9a6b35
```
#9a6b35 rgb(154,107,53)
```
#a9753a
```
#a9753a rgb(169,117,58)
```
#b77f3f
```
#b77f3f rgb(183,127,63)
```

Shade Color Variation

#c0894a
```
#c0894a rgb(192,137,74)
```
#c59258
```
#c59258 rgb(197,146,88)
```
#ca9c67
```
#ca9c67 rgb(202,156,103)
```
#cfa576
```
#cfa576 rgb(207,165,118)
```
#d4af84
```
#d4af84 rgb(212,175,132)
```
#dab893
```
#dab893 rgb(218,184,147)
```
#dfc2a1
```
#dfc2a1 rgb(223,194,161)
```
#e4cbb0
```
#e4cbb0 rgb(228,203,176)
```
#e9d5be
```
#e9d5be rgb(233,213,190)
```
#eedecd
```
#eedecd rgb(238,222,205)
```
#f3e8dc
```
#f3e8dc rgb(243,232,220)
```
#f8f1ea
```
#f8f1ea rgb(248,241,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#242322
```
#242322 rgb(36,35,34)
```
#27231f
```
#27231f rgb(39,35,31)
```
#29231d
```
#29231d rgb(41,35,29)
```
#2c241a
```
#2c241a rgb(44,36,26)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#312415
```
#312415 rgb(49,36,21)
```
#342412
```
#342412 rgb(52,36,18)
```
#37240f
```
#37240f rgb(55,36,15)
```
#39240d
```
#39240d rgb(57,36,13)
```
#3c240a
```
#3c240a rgb(60,36,10)
```
#3f2507
```
#3f2507 rgb(63,37,7)
```
#412505
```
#412505 rgb(65,37,5)
```
#442502
```
#442502 rgb(68,37,2)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#2a2623 Atypical Achromatopsia 0.001% of the population

Dichromacy

#36321f Protanopia 1% of men
#3c301e Deuteranopia 1% of men
#402d30 Tritanopia 0.001% of the population

Trichromacy

#352d1a Protanomaly 1% of men, 0.01% of women
#392b19 Deuteranomaly 6% of men, 0.4% of women
#3b2925 Tritanomaly 0.01% of the population

#342412 hex color

#342412 Color Information

#342412 Color Conversion

Color Schemes with #342412

Alternatives to #342412

#342412 Preview

Shades and Tints of #342412

Tones of #342412

Color Blindness Simulator