#332212 hex color

In a RGB color space, hex #332212 is composed of 20% red, 13.3% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 64.7% yellow and 80% black. It has a hue angle of 29.1 degrees, a saturation of 47.8% and a lightness of 13.5%. #332212 color hex could be obtained by blending #664424 with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #332212 has RGB values of R:51, G:34, B:18 and CMYK values of C:0, M:0.33, Y:0.65, K:0.8. Its decimal value is 3351058.

Hex triplet	332212	`#332212`
RGB Decimal	51, 34, 18	`rgb(51,34,18)`
RGB Percent	20, 13.3, 7.1	`rgb(20%,13.3%,7.1%)`
CMYK	0, 33, 65, 80
HSL	29.1°, 47.8, 13.5	`hsl(29.1,47.8%,13.5%)`
HSV (or HSB)	29.1°, 64.7, 20
Web Safe	333300	`#333300`

CIE-LAB	14.908, 5.875, 13.838
XYZ	2.046, 1.892, 0.83
xyY	0.429, 0.397, 1.892
CIE-LCH	14.908, 15.033, 66.994
CIE-LUV	14.908, 9.864, 9.493
Hunter-Lab	13.754, 2.491, 6.051
Binary	00110011, 00100010, 00010010

#332212
```
#332212 rgb(51,34,18)
```
#122333
```
#122333 rgb(18,35,51)
```

Complementary Color

#331213
```
#331213 rgb(51,18,19)
```
#332212
```
#332212 rgb(51,34,18)
```
#333312
```
#333312 rgb(51,51,18)
```

Analogous Color

#121333
```
#121333 rgb(18,19,51)
```
#332212
```
#332212 rgb(51,34,18)
```
#123333
```
#123333 rgb(18,51,51)
```

Split Complementary Color

#221233
```
#221233 rgb(34,18,51)
```
#332212
```
#332212 rgb(51,34,18)
```
#123322
```
#123322 rgb(18,51,34)
```

Triadic Color

#331223
```
#331223 rgb(51,18,35)
```
#332212
```
#332212 rgb(51,34,18)
```
#123322
```
#123322 rgb(18,51,34)
```
#122333
```
#122333 rgb(18,35,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0905
```
#0d0905 rgb(13,9,5)
```
#20150b
```
#20150b rgb(32,21,11)
```
#332212
```
#332212 rgb(51,34,18)
```
#462f19
```
#462f19 rgb(70,47,25)
```
#593b1f
```
#593b1f rgb(89,59,31)
```
#6c4826
```
#6c4826 rgb(108,72,38)
```

Monochromatic Color

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

#331a12
```
#331a12 rgb(51,26,18)
```
#331d12
```
#331d12 rgb(51,29,18)
```
#331f12
```
#331f12 rgb(51,31,18)
```
#332212
```
#332212 rgb(51,34,18)
```
#332512
```
#332512 rgb(51,37,18)
```
#332812
```
#332812 rgb(51,40,18)
```
#332a12
```
#332a12 rgb(51,42,18)
```

Similar Colors

Text with hexadecimal color #332212

This text has a font color of #332212.

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

#332212 background color

This paragraph has a background color of #332212.

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

#332212 border color

This element has a border color of #332212.

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

CSS codes

.text {color:#332212;}

.background {background-color:#332212;}

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

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

#080503
```
#080503 rgb(8,5,3)
```
#160f08
```
#160f08 rgb(22,15,8)
```
#25180d
```
#25180d rgb(37,24,13)
```
#332212
```
#332212 rgb(51,34,18)
```
#412c17
```
#412c17 rgb(65,44,23)
```
#50351c
```
#50351c rgb(80,53,28)
```
#5e3f21
```
#5e3f21 rgb(94,63,33)
```
#6d4926
```
#6d4926 rgb(109,73,38)
```
#7b522c
```
#7b522c rgb(123,82,44)
```
#8a5c31
```
#8a5c31 rgb(138,92,49)
```
#986636
```
#986636 rgb(152,102,54)
```
#a76f3b
```
#a76f3b rgb(167,111,59)
```
#b57940
```
#b57940 rgb(181,121,64)
```

Shade Color Variation

#bf834a
```
#bf834a rgb(191,131,74)
```
#c48d59
```
#c48d59 rgb(196,141,89)
```
#c99767
```
#c99767 rgb(201,151,103)
```
#cea176
```
#cea176 rgb(206,161,118)
```
#d4ab84
```
#d4ab84 rgb(212,171,132)
```
#d9b593
```
#d9b593 rgb(217,181,147)
```
#debfa1
```
#debfa1 rgb(222,191,161)
```
#e3c8b0
```
#e3c8b0 rgb(227,200,176)
```
#e8d2be
```
#e8d2be rgb(232,210,190)
```
#eddccd
```
#eddccd rgb(237,220,205)
```
#f2e6db
```
#f2e6db rgb(242,230,219)
```
#f7f0ea
```
#f7f0ea rgb(247,240,234)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,248)
```

Tint Color Variation

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

#232222
```
#232222 rgb(35,34,34)
```
#26221f
```
#26221f rgb(38,34,31)
```
#28221d
```
#28221d rgb(40,34,29)
```
#2b221a
```
#2b221a rgb(43,34,26)
```
#2e2217
```
#2e2217 rgb(46,34,23)
```
#302215
```
#302215 rgb(48,34,21)
```
#332212
```
#332212 rgb(51,34,18)
```
#36220f
```
#36220f rgb(54,34,15)
```
#38220d
```
#38220d rgb(56,34,13)
```
#3b220a
```
#3b220a rgb(59,34,10)
```
#3e2207
```
#3e2207 rgb(62,34,7)
```
#402205
```
#402205 rgb(64,34,5)
```
#432202
```
#432202 rgb(67,34,2)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#282421 Atypical Achromatopsia 0.001% of the population

Dichromacy

#35301f Protanopia 1% of men
#3a2e1d Deuteranopia 1% of men
#3f2b2e Tritanopia 0.001% of the population

Trichromacy

#342b1a Protanomaly 1% of men, 0.01% of women
#372a19 Deuteranomaly 6% of men, 0.4% of women
#3a2824 Tritanomaly 0.01% of the population

#332212 hex color

#332212 Color Information

#332212 Color Conversion

Color Schemes with #332212

Alternatives to #332212

#332212 Preview

Shades and Tints of #332212

Tones of #332212

Color Blindness Simulator