#322c1f hex color

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

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

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

The hexadecimal color #322c1f has RGB values of R:50, G:44, B:31 and CMYK values of C:0, M:0.12, Y:0.38, K:0.8. Its decimal value is 3288095.

Hex triplet	322c1f	`#322c1f`
RGB Decimal	50, 44, 31	`rgb(50,44,31)`
RGB Percent	19.6, 17.3, 12.2	`rgb(19.6%,17.3%,12.2%)`
CMYK	0, 12, 38, 80
HSL	41.1°, 23.5, 15.9	`hsl(41.1,23.5%,15.9%)`
HSV (or HSB)	41.1°, 38, 19.6
Web Safe	333333	`#333333`

CIE-LAB	18.27, 0.253, 9.452
XYZ	2.463, 2.578, 1.664
xyY	0.367, 0.384, 2.578
CIE-LCH	18.27, 9.456, 88.465
CIE-LUV	18.27, 3.741, 8.24
Hunter-Lab	16.058, -0.717, 5.096
Binary	00110010, 00101100, 00011111

#322c1f
```
#322c1f rgb(50,44,31)
```
#1f2532
```
#1f2532 rgb(31,37,50)
```

Complementary Color

#32231f
```
#32231f rgb(50,35,31)
```
#322c1f
```
#322c1f rgb(50,44,31)
```
#2f321f
```
#2f321f rgb(47,50,31)
```

Analogous Color

#231f32
```
#231f32 rgb(35,31,50)
```
#322c1f
```
#322c1f rgb(50,44,31)
```
#1f2f32
```
#1f2f32 rgb(31,47,50)
```

Split Complementary Color

#2c1f32
```
#2c1f32 rgb(44,31,50)
```
#322c1f
```
#322c1f rgb(50,44,31)
```
#1f322c
```
#1f322c rgb(31,50,44)
```

Triadic Color

#321f25
```
#321f25 rgb(50,31,37)
```
#322c1f
```
#322c1f rgb(50,44,31)
```
#1f322c
```
#1f322c rgb(31,50,44)
```
#1f2532
```
#1f2532 rgb(31,37,50)
```

Tetradic Color

#030202
```
#030202 rgb(3,2,2)
```
#13100b
```
#13100b rgb(19,16,11)
```
#221e15
```
#221e15 rgb(34,30,21)
```
#322c1f
```
#322c1f rgb(50,44,31)
```
#423a29
```
#423a29 rgb(66,58,41)
```
#514833
```
#514833 rgb(81,72,51)
```
#61563c
```
#61563c rgb(97,86,60)
```

Monochromatic Color

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

#32271f
```
#32271f rgb(50,39,31)
```
#32291f
```
#32291f rgb(50,41,31)
```
#322a1f
```
#322a1f rgb(50,42,31)
```
#322c1f
```
#322c1f rgb(50,44,31)
```
#322e1f
```
#322e1f rgb(50,46,31)
```
#322f1f
```
#322f1f rgb(50,47,31)
```
#32311f
```
#32311f rgb(50,49,31)
```

Similar Colors

Text with hexadecimal color #322c1f

This text has a font color of #322c1f.

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

#322c1f background color

This paragraph has a background color of #322c1f.

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

#322c1f border color

This element has a border color of #322c1f.

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

CSS codes

.text {color:#322c1f;}

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

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

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)
```
#262117
```
#262117 rgb(38,33,23)
```
#322c1f
```
#322c1f rgb(50,44,31)
```
#3e3727
```
#3e3727 rgb(62,55,39)
```
#4a412e
```
#4a412e rgb(74,65,46)
```
#564c36
```
#564c36 rgb(86,76,54)
```
#62573d
```
#62573d rgb(98,87,61)
```
#6f6145
```
#6f6145 rgb(111,97,69)
```
#7b6c4c
```
#7b6c4c rgb(123,108,76)
```
#877754
```
#877754 rgb(135,119,84)
```
#93815b
```
#93815b rgb(147,129,91)
```

Shade Color Variation

#9e8c63
```
#9e8c63 rgb(158,140,99)
```
#a6956f
```
#a6956f rgb(166,149,111)
```
#ad9e7b
```
#ad9e7b rgb(173,158,123)
```
#b5a787
```
#b5a787 rgb(181,167,135)
```
#bcb094
```
#bcb094 rgb(188,176,148)
```
#c4b8a0
```
#c4b8a0 rgb(196,184,160)
```
#cbc1ac
```
#cbc1ac rgb(203,193,172)
```
#d3cab8
```
#d3cab8 rgb(211,202,184)
```
#dad3c4
```
#dad3c4 rgb(218,211,196)
```
#e2dcd0
```
#e2dcd0 rgb(226,220,208)
```
#e9e5dc
```
#e9e5dc rgb(233,229,220)
```
#f1eee8
```
#f1eee8 rgb(241,238,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 #4e3603 is the most saturated one.

#292928
```
#292928 rgb(41,41,40)
```
#2c2a25
```
#2c2a25 rgb(44,42,37)
```
#2f2b22
```
#2f2b22 rgb(47,43,34)
```
#322c1f
```
#322c1f rgb(50,44,31)
```
#352d1c
```
#352d1c rgb(53,45,28)
```
#382e19
```
#382e19 rgb(56,46,25)
```
#3b2f16
```
#3b2f16 rgb(59,47,22)
```
#3e3113
```
#3e3113 rgb(62,49,19)
```
#42320f
```
#42320f rgb(66,50,15)
```
#45330c
```
#45330c rgb(69,51,12)
```
#483409
```
#483409 rgb(72,52,9)
```
#4b3506
```
#4b3506 rgb(75,53,6)
```
#4e3603
```
#4e3603 rgb(78,54,3)
```

Tone Color Variation

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

#2c2c2c Achromatopsia 0.005% of the population
#2d2c29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b372a Protanopia 1% of men
#40352b Deuteranopia 1% of men
#3e3538 Tritanopia 0.001% of the population

Trichromacy

#373326 Protanomaly 1% of men, 0.01% of women
#3b3226 Deuteranomaly 6% of men, 0.4% of women
#39312f Tritanomaly 0.01% of the population

#322c1f hex color

#322c1f Color Information

#322c1f Color Conversion

Color Schemes with #322c1f

Alternatives to #322c1f

#322c1f Preview

Shades and Tints of #322c1f

Tones of #322c1f

Color Blindness Simulator