colorhexa.com

#322218 hex color

In a RGB color space, hex #322218 is composed of 19.6% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32% magenta, 52% yellow and 80.4% black. It has a hue angle of 23.1 degrees, a saturation of 35.1% and a lightness of 14.5%. #322218 color hex could be obtained by blending #644430 with #000000. Closest websafe color is: #333300.

- R 20
- G 13
- B 9
RGB color chart
- C 0
- M 32
- Y 52
- K 80
CMYK color chart

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

The hexadecimal color #322218 has RGB values of R:50, G:34, B:24 and CMYK values of C:0, M:0.32, Y:0.52, K:0.8. Its decimal value is 3285528.

Hex triplet	322218	`#322218`
RGB Decimal	50, 34, 24	`rgb(50,34,24)`
RGB Percent	19.6, 13.3, 9.4	`rgb(19.6%,13.3%,9.4%)`
CMYK	0, 32, 52, 80
HSL	23.1°, 35.1, 14.5	`hsl(23.1,35.1%,14.5%)`
HSV (or HSB)	23.1°, 52, 19.6
Web Safe	333300	`#333300`

CIE-LAB	14.889, 6.088, 9.755
XYZ	2.052, 1.888, 1.12
xyY	0.406, 0.373, 1.888
CIE-LCH	14.889, 11.499, 58.033
CIE-LUV	14.889, 8.805, 6.849
Hunter-Lab	13.741, 2.612, 4.784
Binary	00110010, 00100010, 00011000

#322218
```
#322218 rgb(50,34,24)
```
#182832
```
#182832 rgb(24,40,50)
```

Complementary Color

#32181b
```
#32181b rgb(50,24,27)
```
#322218
```
#322218 rgb(50,34,24)
```
#322f18
```
#322f18 rgb(50,47,24)
```

Analogous Color

#181b32
```
#181b32 rgb(24,27,50)
```
#322218
```
#322218 rgb(50,34,24)
```
#18322f
```
#18322f rgb(24,50,47)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#100b07
```
#100b07 rgb(16,11,7)
```
#211610
```
#211610 rgb(33,22,16)
```
#322218
```
#322218 rgb(50,34,24)
```
#432e20
```
#432e20 rgb(67,46,32)
```
#543929
```
#543929 rgb(84,57,41)
```
#664531
```
#664531 rgb(102,69,49)
```

Monochromatic Color

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

#321c18
```
#321c18 rgb(50,28,24)
```
#321e18
```
#321e18 rgb(50,30,24)
```
#322018
```
#322018 rgb(50,32,24)
```
#322218
```
#322218 rgb(50,34,24)
```
#322418
```
#322418 rgb(50,36,24)
```
#322618
```
#322618 rgb(50,38,24)
```
#322918
```
#322918 rgb(50,41,24)
```

Similar Colors

Text with hexadecimal color #322218

This text has a font color of #322218.

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

#322218 background color

This paragraph has a background color of #322218.

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

#322218 border color

This element has a border color of #322218.

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

CSS codes

.text {color:#322218;}

.background {background-color:#322218;}

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

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, #0a0705 is the darkest color, while #fefdfc is the lightest one.

#0a0705
```
#0a0705 rgb(10,7,5)
```
#17100b
```
#17100b rgb(23,16,11)
```
#251912
```
#251912 rgb(37,25,18)
```
#322218
```
#322218 rgb(50,34,24)
```
#3f2b1e
```
#3f2b1e rgb(63,43,30)
```
#4d3425
```
#4d3425 rgb(77,52,37)
```
#5a3d2b
```
#5a3d2b rgb(90,61,43)
```
#674631
```
#674631 rgb(103,70,49)
```
#744f38
```
#744f38 rgb(116,79,56)
```
#82583e
```
#82583e rgb(130,88,62)
```
#8f6145
```
#8f6145 rgb(143,97,69)
```
#9c6a4b
```
#9c6a4b rgb(156,106,75)
```
#a97351
```
#a97351 rgb(169,115,81)
```

Shade Color Variation

#b17d5d
```
#b17d5d rgb(177,125,93)
```
#b8886a
```
#b8886a rgb(184,136,106)
```
#be9377
```
#be9377 rgb(190,147,119)
```
#c49d85
```
#c49d85 rgb(196,157,133)
```
#cba892
```
#cba892 rgb(203,168,146)
```
#d1b29f
```
#d1b29f rgb(209,178,159)
```
#d7bdac
```
#d7bdac rgb(215,189,172)
```
#dec8ba
```
#dec8ba rgb(222,200,186)
```
#e4d2c7
```
#e4d2c7 rgb(228,210,199)
```
#eaddd4
```
#eaddd4 rgb(234,221,212)
```
#f1e7e1
```
#f1e7e1 rgb(241,231,225)
```
#f7f2ef
```
#f7f2ef rgb(247,242,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#272523
```
#272523 rgb(39,37,35)
```
#292421
```
#292421 rgb(41,36,33)
```
#2c231e
```
#2c231e rgb(44,35,30)
```
#2f231b
```
#2f231b rgb(47,35,27)
```
#322218
```
#322218 rgb(50,34,24)
```
#352115
```
#352115 rgb(53,33,21)
```
#382112
```
#382112 rgb(56,33,18)
```
#3b200f
```
#3b200f rgb(59,32,15)
```
#3d1f0d
```
#3d1f0d rgb(61,31,13)
```
#401f0a
```
#401f0a rgb(64,31,10)
```
#431e07
```
#431e07 rgb(67,30,7)
```
#461d04
```
#461d04 rgb(70,29,4)
```
#491d01
```
#491d01 rgb(73,29,1)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282523 Atypical Achromatopsia 0.001% of the population

Dichromacy

#343025 Protanopia 1% of men
#392e23 Deuteranopia 1% of men
#3d2c2f Tritanopia 0.001% of the population

Trichromacy

#332b20 Protanomaly 1% of men, 0.01% of women
#362a1f Deuteranomaly 6% of men, 0.4% of women
#392826 Tritanomaly 0.01% of the population