#884221 hex color

In a RGB color space, hex #884221 is composed of 53.3% red, 25.9% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.5% magenta, 75.7% yellow and 46.7% black. It has a hue angle of 19.2 degrees, a saturation of 60.9% and a lightness of 33.1%. #884221 color hex could be obtained by blending #ff8442 with #110000. Closest websafe color is: #993333.

♥
- f
- t
- g
- R 53
- G 26
- B 13
RGB color chart
- C 0
- M 51
- Y 76
- K 47
CMYK color chart

● #884221 color description : Dark orange [Brown tone].

The hexadecimal color #884221 has RGB values of R:136, G:66, B:33 and CMYK values of C:0, M:0.51, Y:0.76, K:0.47. Its decimal value is 8929825.

Hex triplet	884221	`#884221`
RGB Decimal	136, 66, 33	`rgb(136,66,33)`
RGB Percent	53.3, 25.9, 12.9	`rgb(53.3%,25.9%,12.9%)`
CMYK	0, 51, 76, 47
HSL	19.2°, 60.9, 33.1	`hsl(19.2,60.9%,33.1%)`
HSV (or HSB)	19.2°, 75.7, 53.3
Web Safe	993333	`#993333`

CIE-LAB	36.445, 27.371, 33.047
XYZ	12.376, 9.242, 2.571
xyY	0.512, 0.382, 9.242
CIE-LCH	36.445, 42.91, 50.366
CIE-LUV	36.445, 54.051, 26.399
Hunter-Lab	30.4, 19.471, 16.266
Binary	10001000, 01000010, 00100001

#884221
```
#884221 rgb(136,66,33)
```
#216788
```
#216788 rgb(33,103,136)
```

Complementary Color

#882134
```
#882134 rgb(136,33,52)
```
#884221
```
#884221 rgb(136,66,33)
```
#887621
```
#887621 rgb(136,118,33)
```

Analogous Color

#213488
```
#213488 rgb(33,52,136)
```
#884221
```
#884221 rgb(136,66,33)
```
#218876
```
#218876 rgb(33,136,118)
```

Split Complementary Color

#422188
```
#422188 rgb(66,33,136)
```
#884221
```
#884221 rgb(136,66,33)
```
#218842
```
#218842 rgb(33,136,66)
```

Triadic Color

#882167
```
#882167 rgb(136,33,103)
```
#884221
```
#884221 rgb(136,66,33)
```
#218842
```
#218842 rgb(33,136,66)
```
#216788
```
#216788 rgb(33,103,136)
```

Tetradic Color

#4a2412
```
#4a2412 rgb(74,36,18)
```
#5f2e17
```
#5f2e17 rgb(95,46,23)
```
#73381c
```
#73381c rgb(115,56,28)
```
#884221
```
#884221 rgb(136,66,33)
```
#9d4c26
```
#9d4c26 rgb(157,76,38)
```
#b1562b
```
#b1562b rgb(177,86,43)
```
#c66030
```
#c66030 rgb(198,96,48)
```

Monochromatic Color

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

#882821
```
#882821 rgb(136,40,33)
```
#883121
```
#883121 rgb(136,49,33)
```
#883921
```
#883921 rgb(136,57,33)
```
#884221
```
#884221 rgb(136,66,33)
```
#884b21
```
#884b21 rgb(136,75,33)
```
#885321
```
#885321 rgb(136,83,33)
```
#885c21
```
#885c21 rgb(136,92,33)
```

Similar Colors

Text with hexadecimal color #884221

This text has a font color of #884221.

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

#884221 background color

This paragraph has a background color of #884221.

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

#884221 border color

This element has a border color of #884221.

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

CSS codes

.text {color:#884221;}

.background {background-color:#884221;}

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

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

#0a0502
```
#0a0502 rgb(10,5,2)
```
#1a0c06
```
#1a0c06 rgb(26,12,6)
```
#29140a
```
#29140a rgb(41,20,10)
```
#391c0e
```
#391c0e rgb(57,28,14)
```
#492312
```
#492312 rgb(73,35,18)
```
#592b16
```
#592b16 rgb(89,43,22)
```
#683319
```
#683319 rgb(104,51,25)
```
#783a1d
```
#783a1d rgb(120,58,29)
```
#884221
```
#884221 rgb(136,66,33)
```
#984a25
```
#984a25 rgb(152,74,37)
```
#a85129
```
#a85129 rgb(168,81,41)
```
#b7592c
```
#b7592c rgb(183,89,44)
```
#c76130
```
#c76130 rgb(199,97,48)
```

Shade Color Variation

#d06b3c
```
#d06b3c rgb(208,107,60)
```
#d3774b
```
#d3774b rgb(211,119,75)
```
#d7835b
```
#d7835b rgb(215,131,91)
```
#db8f6b
```
#db8f6b rgb(219,143,107)
```
#df9b7b
```
#df9b7b rgb(223,155,123)
```
#e3a78a
```
#e3a78a rgb(227,167,138)
```
#e7b39a
```
#e7b39a rgb(231,179,154)
```
#eabfaa
```
#eabfaa rgb(234,191,170)
```
#eecbba
```
#eecbba rgb(238,203,186)
```
#f2d7ca
```
#f2d7ca rgb(242,215,202)
```
#f6e2d9
```
#f6e2d9 rgb(246,226,217)
```
#faeee9
```
#faeee9 rgb(250,238,233)
```
#fefaf9
```
#fefaf9 rgb(254,250,249)
```

Tint Color Variation

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

#5b524f
```
#5b524f rgb(91,82,79)
```
#615048
```
#615048 rgb(97,80,72)
```
#684e42
```
#684e42 rgb(104,78,66)
```
#6e4b3b
```
#6e4b3b rgb(110,75,59)
```
#754935
```
#754935 rgb(117,73,53)
```
#7b472e
```
#7b472e rgb(123,71,46)
```
#824428
```
#824428 rgb(130,68,40)
```
#884221
```
#884221 rgb(136,66,33)
```
#8f401b
```
#8f401b rgb(143,64,27)
```
#953d14
```
#953d14 rgb(149,61,20)
```
#9c3b0e
```
#9c3b0e rgb(156,59,14)
```
#a23907
```
#a23907 rgb(162,57,7)
```
#a93600
```
#a93600 rgb(169,54,0)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#5e5049 Atypical Achromatopsia 0.001% of the population

Dichromacy

#685e32 Protanopia 1% of men
#745a28 Deuteranopia 1% of men
#8f484c Tritanopia 0.001% of the population

Trichromacy

#73542b Protanomaly 1% of men, 0.01% of women
#7b5125 Deuteranomaly 6% of men, 0.4% of women
#8d453c Tritanomaly 0.01% of the population

#884221 hex color

#884221 Color Information

#884221 Color Conversion

Color Schemes with #884221

Alternatives to #884221

#884221 Preview

Shades and Tints of #884221

Tones of #884221

Color Blindness Simulator