#322f22 hex color

In a RGB color space, hex #322f22 is composed of 19.6% red, 18.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6% magenta, 32% yellow and 80.4% black. It has a hue angle of 48.8 degrees, a saturation of 19% and a lightness of 16.5%. #322f22 color hex could be obtained by blending #645e44 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 18
- B 13
RGB color chart
- C 0
- M 6
- Y 32
- K 80
CMYK color chart

● #322f22 color description : Very dark (mostly black) yellow [Olive tone].

The hexadecimal color #322f22 has RGB values of R:50, G:47, B:34 and CMYK values of C:0, M:0.06, Y:0.32, K:0.8. Its decimal value is 3288866.

Hex triplet	322f22	`#322f22`
RGB Decimal	50, 47, 34	`rgb(50,47,34)`
RGB Percent	19.6, 18.4, 13.3	`rgb(19.6%,18.4%,13.3%)`
CMYK	0, 6, 32, 80
HSL	48.8°, 19, 16.5	`hsl(48.8,19%,16.5%)`
HSV (or HSB)	48.8°, 32, 19.6
Web Safe	333333	`#333333`

CIE-LAB	19.336, -1.259, 8.86
XYZ	2.621, 2.827, 1.921
xyY	0.356, 0.384, 2.827
CIE-LCH	19.336, 8.949, 98.087
CIE-LUV	19.336, 2.155, 8.199
Hunter-Lab	16.813, -1.599, 4.995
Binary	00110010, 00101111, 00100010

#322f22
```
#322f22 rgb(50,47,34)
```
#222532
```
#222532 rgb(34,37,50)
```

Complementary Color

#322722
```
#322722 rgb(50,39,34)
```
#322f22
```
#322f22 rgb(50,47,34)
```
#2d3222
```
#2d3222 rgb(45,50,34)
```

Analogous Color

#272232
```
#272232 rgb(39,34,50)
```
#322f22
```
#322f22 rgb(50,47,34)
```
#222d32
```
#222d32 rgb(34,45,50)
```

Split Complementary Color

#2f2232
```
#2f2232 rgb(47,34,50)
```
#322f22
```
#322f22 rgb(50,47,34)
```
#22322f
```
#22322f rgb(34,50,47)
```

Triadic Color

#322225
```
#322225 rgb(50,34,37)
```
#322f22
```
#322f22 rgb(50,47,34)
```
#22322f
```
#22322f rgb(34,50,47)
```
#222532
```
#222532 rgb(34,37,50)
```

Tetradic Color

#040403
```
#040403 rgb(4,4,3)
```
#14120d
```
#14120d rgb(20,18,13)
```
#232118
```
#232118 rgb(35,33,24)
```
#322f22
```
#322f22 rgb(50,47,34)
```
#413d2c
```
#413d2c rgb(65,61,44)
```
#504c37
```
#504c37 rgb(80,76,55)
```
#605a41
```
#605a41 rgb(96,90,65)
```

Monochromatic Color

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

#322b22
```
#322b22 rgb(50,43,34)
```
#322c22
```
#322c22 rgb(50,44,34)
```
#322e22
```
#322e22 rgb(50,46,34)
```
#322f22
```
#322f22 rgb(50,47,34)
```
#323022
```
#323022 rgb(50,48,34)
```
#323222
```
#323222 rgb(50,50,34)
```
#313222
```
#313222 rgb(49,50,34)
```

Similar Colors

Text with hexadecimal color #322f22

This text has a font color of #322f22.

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

#322f22 background color

This paragraph has a background color of #322f22.

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

#322f22 border color

This element has a border color of #322f22.

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

CSS codes

.text {color:#322f22;}

.background {background-color:#322f22;}

.border {border:1px solid #322f22;}

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

#030302
```
#030302 rgb(3,3,2)
```
#0f0e0a
```
#0f0e0a rgb(15,14,10)
```
#1b1912
```
#1b1912 rgb(27,25,18)
```
#26241a
```
#26241a rgb(38,36,26)
```
#322f22
```
#322f22 rgb(50,47,34)
```
#3e3a2a
```
#3e3a2a rgb(62,58,42)
```
#494532
```
#494532 rgb(73,69,50)
```
#55503a
```
#55503a rgb(85,80,58)
```
#615b42
```
#615b42 rgb(97,91,66)
```
#6c664a
```
#6c664a rgb(108,102,74)
```
#787152
```
#787152 rgb(120,113,82)
```
#847c5a
```
#847c5a rgb(132,124,90)
```
#8f8762
```
#8f8762 rgb(143,135,98)
```

Shade Color Variation

#9a916b
```
#9a916b rgb(154,145,107)
```
#a29a76
```
#a29a76 rgb(162,154,118)
```
#aaa282
```
#aaa282 rgb(170,162,130)
```
#b2ab8e
```
#b2ab8e rgb(178,171,142)
```
#bab499
```
#bab499 rgb(186,180,153)
```
#c2bca5
```
#c2bca5 rgb(194,188,165)
```
#cac5b1
```
#cac5b1 rgb(202,197,177)
```
#d2cebc
```
#d2cebc rgb(210,206,188)
```
#dad6c8
```
#dad6c8 rgb(218,214,200)
```
#e1dfd4
```
#e1dfd4 rgb(225,223,212)
```
#e9e8df
```
#e9e8df rgb(233,232,223)
```
#f1f0eb
```
#f1f0eb rgb(241,240,235)
```
#f9f9f7
```
#f9f9f7 rgb(249,249,247)
```

Tint Color Variation

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

#2c2b28
```
#2c2b28 rgb(44,43,40)
```
#2f2d25
```
#2f2d25 rgb(47,45,37)
```
#322f22
```
#322f22 rgb(50,47,34)
```
#35311f
```
#35311f rgb(53,49,31)
```
#38331c
```
#38331c rgb(56,51,28)
```
#3c3518
```
#3c3518 rgb(60,53,24)
```
#3f3715
```
#3f3715 rgb(63,55,21)
```
#423912
```
#423912 rgb(66,57,18)
```
#453b0f
```
#453b0f rgb(69,59,15)
```
#493d0b
```
#493d0b rgb(73,61,11)
```
#4c3f08
```
#4c3f08 rgb(76,63,8)
```
#4f4105
```
#4f4105 rgb(79,65,5)
```
#524302
```
#524302 rgb(82,67,2)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2f2e2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d392d Protanopia 1% of men
#43372e Deuteranopia 1% of men
#3e373b Tritanopia 0.001% of the population

Trichromacy

#393529 Protanomaly 1% of men, 0.01% of women
#3c3429 Deuteranomaly 6% of men, 0.4% of women
#3a3432 Tritanomaly 0.01% of the population

#322f22 hex color

#322f22 Color Information

#322f22 Color Conversion

Color Schemes with #322f22

Alternatives to #322f22

#322f22 Preview

Shades and Tints of #322f22

Tones of #322f22

Color Blindness Simulator