#822200 hex color

In a RGB color space, hex #822200 is composed of 51% red, 13.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.8% magenta, 100% yellow and 49% black. It has a hue angle of 15.7 degrees, a saturation of 100% and a lightness of 25.5%. #822200 color hex could be obtained by blending #ff4400 with #050000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 51
- G 13
- B 0
RGB color chart
- C 0
- M 74
- Y 100
- K 49
CMYK color chart

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

The hexadecimal color #822200 has RGB values of R:130, G:34, B:0 and CMYK values of C:0, M:0.74, Y:1, K:0.49. Its decimal value is 8528384.

Hex triplet	822200	`#822200`
RGB Decimal	130, 34, 0	`rgb(130,34,0)`
RGB Percent	51, 13.3, 0	`rgb(51%,13.3%,0%)`
CMYK	0, 74, 100, 49
HSL	15.7°, 100, 25.5	`hsl(15.7,100%,25.5%)`
HSV (or HSB)	15.7°, 100, 51
Web Safe	993300	`#993300`

CIE-LAB	29.136, 39.735, 41.335
XYZ	9.778, 5.891, 0.622
xyY	0.6, 0.362, 5.891
CIE-LCH	29.136, 57.336, 46.13
CIE-LUV	29.136, 73.199, 23.408
Hunter-Lab	24.272, 29.439, 15.47
Binary	10000010, 00100010, 00000000

#822200
```
#822200 rgb(130,34,0)
```
#006082
```
#006082 rgb(0,96,130)
```

Complementary Color

#82001f
```
#82001f rgb(130,0,31)
```
#822200
```
#822200 rgb(130,34,0)
```
#826300
```
#826300 rgb(130,99,0)
```

Analogous Color

#001f82
```
#001f82 rgb(0,31,130)
```
#822200
```
#822200 rgb(130,34,0)
```
#008263
```
#008263 rgb(0,130,99)
```

Split Complementary Color

#220082
```
#220082 rgb(34,0,130)
```
#822200
```
#822200 rgb(130,34,0)
```
#008222
```
#008222 rgb(0,130,34)
```

Triadic Color

#820060
```
#820060 rgb(130,0,96)
```
#822200
```
#822200 rgb(130,34,0)
```
#008222
```
#008222 rgb(0,130,34)
```
#006082
```
#006082 rgb(0,96,130)
```

Tetradic Color

#360e00
```
#360e00 rgb(54,14,0)
```
#4f1500
```
#4f1500 rgb(79,21,0)
```
#691b00
```
#691b00 rgb(105,27,0)
```
#822200
```
#822200 rgb(130,34,0)
```
#9c2900
```
#9c2900 rgb(156,41,0)
```
#b52f00
```
#b52f00 rgb(181,47,0)
```
#cf3600
```
#cf3600 rgb(207,54,0)
```

Monochromatic Color

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

#820100
```
#820100 rgb(130,1,0)
```
#820c00
```
#820c00 rgb(130,12,0)
```
#821700
```
#821700 rgb(130,23,0)
```
#822200
```
#822200 rgb(130,34,0)
```
#822d00
```
#822d00 rgb(130,45,0)
```
#823800
```
#823800 rgb(130,56,0)
```
#824300
```
#824300 rgb(130,67,0)
```

Similar Colors

Text with hexadecimal color #822200

This text has a font color of #822200.

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

#822200 background color

This paragraph has a background color of #822200.

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

#822200 border color

This element has a border color of #822200.

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

CSS codes

.text {color:#822200;}

.background {background-color:#822200;}

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

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

#0c0300
```
#0c0300 rgb(12,3,0)
```
#200800
```
#200800 rgb(32,8,0)
```
#340d00
```
#340d00 rgb(52,13,0)
```
#471300
```
#471300 rgb(71,19,0)
```
#5b1800
```
#5b1800 rgb(91,24,0)
```
#6e1d00
```
#6e1d00 rgb(110,29,0)
```
#822200
```
#822200 rgb(130,34,0)
```
#962700
```
#962700 rgb(150,39,0)
```
#a92c00
```
#a92c00 rgb(169,44,0)
```
#bd3100
```
#bd3100 rgb(189,49,0)
```
#d03700
```
#d03700 rgb(208,55,0)
```
#e43c00
```
#e43c00 rgb(228,60,0)
```
#f84100
```
#f84100 rgb(248,65,0)
```

Shade Color Variation

#ff4c0c
```
#ff4c0c rgb(255,76,12)
```
#ff5a20
```
#ff5a20 rgb(255,90,32)
```
#ff6934
```
#ff6934 rgb(255,105,52)
```
#ff7747
```
#ff7747 rgb(255,119,71)
```
#ff865b
```
#ff865b rgb(255,134,91)
```
#ff946e
```
#ff946e rgb(255,148,110)
```
#ffa382
```
#ffa382 rgb(255,163,130)
```
#ffb196
```
#ffb196 rgb(255,177,150)
```
#ffc0a9
```
#ffc0a9 rgb(255,192,169)
```
#ffcebd
```
#ffcebd rgb(255,206,189)
```
#ffddd0
```
#ffddd0 rgb(255,221,208)
```
#ffebe4
```
#ffebe4 rgb(255,235,228)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#463f3c
```
#463f3c rgb(70,63,60)
```
#4b3c37
```
#4b3c37 rgb(75,60,55)
```
#503a32
```
#503a32 rgb(80,58,50)
```
#55372d
```
#55372d rgb(85,55,45)
```
#5a3528
```
#5a3528 rgb(90,53,40)
```
#5f3323
```
#5f3323 rgb(95,51,35)
```
#64301e
```
#64301e rgb(100,48,30)
```
#692e19
```
#692e19 rgb(105,46,25)
```
#6e2c14
```
#6e2c14 rgb(110,44,20)
```
#73290f
```
#73290f rgb(115,41,15)
```
#78270a
```
#78270a rgb(120,39,10)
```
#7d2405
```
#7d2405 rgb(125,36,5)
```
#822200
```
#822200 rgb(130,34,0)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#49362f Atypical Achromatopsia 0.001% of the population

Dichromacy

#574e10 Protanopia 1% of men
#614a00 Deuteranopia 1% of men
#892a2c Tritanopia 0.001% of the population

Trichromacy

#673e0a Protanomaly 1% of men, 0.01% of women
#6d3b00 Deuteranomaly 6% of men, 0.4% of women
#86271c Tritanomaly 0.01% of the population

#822200 hex color

#822200 Color Information

#822200 Color Conversion

Color Schemes with #822200

Alternatives to #822200

#822200 Preview

Shades and Tints of #822200

Tones of #822200

Color Blindness Simulator