#322d1f hex color

In a RGB color space, hex #322d1f is composed of 19.6% red, 17.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 38% yellow and 80.4% black. It has a hue angle of 44.2 degrees, a saturation of 23.5% and a lightness of 15.9%. #322d1f color hex could be obtained by blending #645a3e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 18
- B 12
RGB color chart
- C 0
- M 10
- Y 38
- K 80
CMYK color chart

● #322d1f color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #322d1f has RGB values of R:50, G:45, B:31 and CMYK values of C:0, M:0.1, Y:0.38, K:0.8. Its decimal value is 3288351.

Hex triplet	322d1f	`#322d1f`
RGB Decimal	50, 45, 31	`rgb(50,45,31)`
RGB Percent	19.6, 17.6, 12.2	`rgb(19.6%,17.6%,12.2%)`
CMYK	0, 10, 38, 80
HSL	44.2°, 23.5, 15.9	`hsl(44.2,23.5%,15.9%)`
HSV (or HSB)	44.2°, 38, 19.6
Web Safe	333333	`#333333`

CIE-LAB	18.601, -0.422, 9.898
XYZ	2.501, 2.654, 1.677
xyY	0.366, 0.388, 2.654
CIE-LCH	18.601, 9.907, 92.44
CIE-LUV	18.601, 3.263, 8.755
Hunter-Lab	16.291, -1.104, 5.301
Binary	00110010, 00101101, 00011111

#322d1f
```
#322d1f rgb(50,45,31)
```
#1f2432
```
#1f2432 rgb(31,36,50)
```

Complementary Color

#32241f
```
#32241f rgb(50,36,31)
```
#322d1f
```
#322d1f rgb(50,45,31)
```
#2e321f
```
#2e321f rgb(46,50,31)
```

Analogous Color

#241f32
```
#241f32 rgb(36,31,50)
```
#322d1f
```
#322d1f rgb(50,45,31)
```
#1f2e32
```
#1f2e32 rgb(31,46,50)
```

Split Complementary Color

#2d1f32
```
#2d1f32 rgb(45,31,50)
```
#322d1f
```
#322d1f rgb(50,45,31)
```
#1f322d
```
#1f322d rgb(31,50,45)
```

Triadic Color

#321f24
```
#321f24 rgb(50,31,36)
```
#322d1f
```
#322d1f rgb(50,45,31)
```
#1f322d
```
#1f322d rgb(31,50,45)
```
#1f2432
```
#1f2432 rgb(31,36,50)
```

Tetradic Color

#030302
```
#030302 rgb(3,3,2)
```
#13110b
```
#13110b rgb(19,17,11)
```
#221f15
```
#221f15 rgb(34,31,21)
```
#322d1f
```
#322d1f rgb(50,45,31)
```
#423b29
```
#423b29 rgb(66,59,41)
```
#514933
```
#514933 rgb(81,73,51)
```
#61583c
```
#61583c rgb(97,88,60)
```

Monochromatic Color

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

#32281f
```
#32281f rgb(50,40,31)
```
#322a1f
```
#322a1f rgb(50,42,31)
```
#322b1f
```
#322b1f rgb(50,43,31)
```
#322d1f
```
#322d1f rgb(50,45,31)
```
#322f1f
```
#322f1f rgb(50,47,31)
```
#32301f
```
#32301f rgb(50,48,31)
```
#32321f
```
#32321f rgb(50,50,31)
```

Similar Colors

Text with hexadecimal color #322d1f

This text has a font color of #322d1f.

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

#322d1f background color

This paragraph has a background color of #322d1f.

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

#322d1f border color

This element has a border color of #322d1f.

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

CSS codes

.text {color:#322d1f;}

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

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0e0c08
```
#0e0c08 rgb(14,12,8)
```
#1a1710
```
#1a1710 rgb(26,23,16)
```
#262217
```
#262217 rgb(38,34,23)
```
#322d1f
```
#322d1f rgb(50,45,31)
```
#3e3827
```
#3e3827 rgb(62,56,39)
```
#4a432e
```
#4a432e rgb(74,67,46)
```
#564e36
```
#564e36 rgb(86,78,54)
```
#62593d
```
#62593d rgb(98,89,61)
```
#6f6345
```
#6f6345 rgb(111,99,69)
```
#7b6e4c
```
#7b6e4c rgb(123,110,76)
```
#877954
```
#877954 rgb(135,121,84)
```
#93845b
```
#93845b rgb(147,132,91)
```

Shade Color Variation

#9e8f63
```
#9e8f63 rgb(158,143,99)
```
#a6986f
```
#a6986f rgb(166,152,111)
```
#ada07b
```
#ada07b rgb(173,160,123)
```
#b5a987
```
#b5a987 rgb(181,169,135)
```
#bcb294
```
#bcb294 rgb(188,178,148)
```
#c4baa0
```
#c4baa0 rgb(196,186,160)
```
#cbc3ac
```
#cbc3ac rgb(203,195,172)
```
#d3ccb8
```
#d3ccb8 rgb(211,204,184)
```
#dad5c4
```
#dad5c4 rgb(218,213,196)
```
#e2ddd0
```
#e2ddd0 rgb(226,221,208)
```
#e9e6dc
```
#e9e6dc rgb(233,230,220)
```
#f1efe8
```
#f1efe8 rgb(241,239,232)
```
#f8f7f4
```
#f8f7f4 rgb(248,247,244)
```

Tint Color Variation

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

#292928
```
#292928 rgb(41,41,40)
```
#2c2a25
```
#2c2a25 rgb(44,42,37)
```
#2f2c22
```
#2f2c22 rgb(47,44,34)
```
#322d1f
```
#322d1f rgb(50,45,31)
```
#352e1c
```
#352e1c rgb(53,46,28)
```
#383019
```
#383019 rgb(56,48,25)
```
#3b3116
```
#3b3116 rgb(59,49,22)
```
#3e3313
```
#3e3313 rgb(62,51,19)
```
#42340f
```
#42340f rgb(66,52,15)
```
#45360c
```
#45360c rgb(69,54,12)
```
#483709
```
#483709 rgb(72,55,9)
```
#4b3906
```
#4b3906 rgb(75,57,6)
```
#4e3a03
```
#4e3a03 rgb(78,58,3)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e2d2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c382a Protanopia 1% of men
#41362b Deuteranopia 1% of men
#3e3539 Tritanopia 0.001% of the population

Trichromacy

#383426 Protanomaly 1% of men, 0.01% of women
#3c3226 Deuteranomaly 6% of men, 0.4% of women
#3a3230 Tritanomaly 0.01% of the population

#322d1f hex color

#322d1f Color Information

#322d1f Color Conversion

Color Schemes with #322d1f

Alternatives to #322d1f

#322d1f Preview

Shades and Tints of #322d1f

Tones of #322d1f

Color Blindness Simulator