#343312 hex color

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

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

● #343312 color description : Very dark yellow [Olive tone].

The hexadecimal color #343312 has RGB values of R:52, G:51, B:18 and CMYK values of C:0, M:0.02, Y:0.65, K:0.8. Its decimal value is 3420946.

Hex triplet	343312	`#343312`
RGB Decimal	52, 51, 18	`rgb(52,51,18)`
RGB Percent	20.4, 20, 7.1	`rgb(20.4%,20%,7.1%)`
CMYK	0, 2, 65, 80
HSL	58.2°, 48.6, 13.7	`hsl(58.2,48.6%,13.7%)`
HSV (or HSB)	58.2°, 65.4, 20.4
Web Safe	333300	`#333300`

CIE-LAB	20.602, -5.032, 20.728
XYZ	2.709, 3.141, 1.036
xyY	0.393, 0.456, 3.141
CIE-LCH	20.602, 21.33, 103.644
CIE-LUV	20.602, 1.838, 17.606
Hunter-Lab	17.724, -3.733, 8.942
Binary	00110100, 00110011, 00010010

#343312
```
#343312 rgb(52,51,18)
```
#121334
```
#121334 rgb(18,19,52)
```

Complementary Color

#342212
```
#342212 rgb(52,34,18)
```
#343312
```
#343312 rgb(52,51,18)
```
#243412
```
#243412 rgb(36,52,18)
```

Analogous Color

#221234
```
#221234 rgb(34,18,52)
```
#343312
```
#343312 rgb(52,51,18)
```
#122434
```
#122434 rgb(18,36,52)
```

Split Complementary Color

#331234
```
#331234 rgb(51,18,52)
```
#343312
```
#343312 rgb(52,51,18)
```
#123433
```
#123433 rgb(18,52,51)
```

Triadic Color

#341213
```
#341213 rgb(52,18,19)
```
#343312
```
#343312 rgb(52,51,18)
```
#123433
```
#123433 rgb(18,52,51)
```
#121334
```
#121334 rgb(18,19,52)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0e05
```
#0e0e05 rgb(14,14,5)
```
#21200b
```
#21200b rgb(33,32,11)
```
#343312
```
#343312 rgb(52,51,18)
```
#474619
```
#474619 rgb(71,70,25)
```
#5a581f
```
#5a581f rgb(90,88,31)
```
#6d6b26
```
#6d6b26 rgb(109,107,38)
```

Monochromatic Color

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

#342b12
```
#342b12 rgb(52,43,18)
```
#342d12
```
#342d12 rgb(52,45,18)
```
#343012
```
#343012 rgb(52,48,18)
```
#343312
```
#343312 rgb(52,51,18)
```
#323412
```
#323412 rgb(50,52,18)
```
#2f3412
```
#2f3412 rgb(47,52,18)
```
#2d3412
```
#2d3412 rgb(45,52,18)
```

Similar Colors

Text with hexadecimal color #343312

This text has a font color of #343312.

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

#343312 background color

This paragraph has a background color of #343312.

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

#343312 border color

This element has a border color of #343312.

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

CSS codes

.text {color:#343312;}

.background {background-color:#343312;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#171608
```
#171608 rgb(23,22,8)
```
#25250d
```
#25250d rgb(37,37,13)
```
#343312
```
#343312 rgb(52,51,18)
```
#434117
```
#434117 rgb(67,65,23)
```
#51501c
```
#51501c rgb(81,80,28)
```
#605e21
```
#605e21 rgb(96,94,33)
```
#6e6c26
```
#6e6c26 rgb(110,108,38)
```
#7d7a2b
```
#7d7a2b rgb(125,122,43)
```
#8b8930
```
#8b8930 rgb(139,137,48)
```
#9a9735
```
#9a9735 rgb(154,151,53)
```
#a9a53a
```
#a9a53a rgb(169,165,58)
```
#b7b43f
```
#b7b43f rgb(183,180,63)
```

Shade Color Variation

#c0bd4a
```
#c0bd4a rgb(192,189,74)
```
#c5c258
```
#c5c258 rgb(197,194,88)
```
#cac767
```
#cac767 rgb(202,199,103)
```
#cfcd76
```
#cfcd76 rgb(207,205,118)
```
#d4d284
```
#d4d284 rgb(212,210,132)
```
#dad793
```
#dad793 rgb(218,215,147)
```
#dfdda1
```
#dfdda1 rgb(223,221,161)
```
#e4e2b0
```
#e4e2b0 rgb(228,226,176)
```
#e9e7be
```
#e9e7be rgb(233,231,190)
```
#eeedcd
```
#eeedcd rgb(238,237,205)
```
#f3f2dc
```
#f3f2dc rgb(243,242,220)
```
#f8f7ea
```
#f8f7ea rgb(248,247,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#242422
```
#242422 rgb(36,36,34)
```
#27261f
```
#27261f rgb(39,38,31)
```
#29291d
```
#29291d rgb(41,41,29)
```
#2c2b1a
```
#2c2b1a rgb(44,43,26)
```
#2f2e17
```
#2f2e17 rgb(47,46,23)
```
#313015
```
#313015 rgb(49,48,21)
```
#343312
```
#343312 rgb(52,51,18)
```
#37360f
```
#37360f rgb(55,54,15)
```
#39380d
```
#39380d rgb(57,56,13)
```
#3c3b0a
```
#3c3b0a rgb(60,59,10)
```
#3f3d07
```
#3f3d07 rgb(63,61,7)
```
#414005
```
#414005 rgb(65,64,5)
```
#444202
```
#444202 rgb(68,66,2)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#31312a Atypical Achromatopsia 0.001% of the population

Dichromacy

#423c1d Protanopia 1% of men
#49391f Deuteranopia 1% of men
#423a3e Tritanopia 0.001% of the population

Trichromacy

#3d3819 Protanomaly 1% of men, 0.01% of women
#41371a Deuteranomaly 6% of men, 0.4% of women
#3d372e Tritanomaly 0.01% of the population

#343312 hex color

#343312 Color Information

#343312 Color Conversion

Color Schemes with #343312

Alternatives to #343312

#343312 Preview

Shades and Tints of #343312

Tones of #343312

Color Blindness Simulator