#828222 hex color

In a RGB color space, hex #828222 is composed of 51% red, 51% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 73.8% yellow and 49% black. It has a hue angle of 60 degrees, a saturation of 58.5% and a lightness of 32.2%. #828222 color hex could be obtained by blending #ffff44 with #050500. Closest websafe color is: #999933.

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

● #828222 color description : Dark yellow [Olive tone].

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

Hex triplet	828222	`#828222`
RGB Decimal	130, 130, 34	`rgb(130,130,34)`
RGB Percent	51, 51, 13.3	`rgb(51%,51%,13.3%)`
CMYK	0, 0, 74, 49
HSL	60°, 58.5, 32.2	`hsl(60,58.5%,32.2%)`
HSV (or HSB)	60°, 73.8, 51
Web Safe	999933	`#999933`

CIE-LAB	52.759, -12.052, 48.83
XYZ	17.477, 20.827, 4.613
xyY	0.407, 0.485, 20.827
CIE-LCH	52.759, 50.296, 103.864
CIE-LUV	52.759, 3.807, 52.812
Hunter-Lab	45.636, -11.504, 25.953
Binary	10000010, 10000010, 00100010

#828222
```
#828222 rgb(130,130,34)
```
#222282
```
#222282 rgb(34,34,130)
```

Complementary Color

#825222
```
#825222 rgb(130,82,34)
```
#828222
```
#828222 rgb(130,130,34)
```
#528222
```
#528222 rgb(82,130,34)
```

Analogous Color

#522282
```
#522282 rgb(82,34,130)
```
#828222
```
#828222 rgb(130,130,34)
```
#225282
```
#225282 rgb(34,82,130)
```

Split Complementary Color

#822282
```
#822282 rgb(130,34,130)
```
#828222
```
#828222 rgb(130,130,34)
```
#228282
```
#228282 rgb(34,130,130)
```

Triadic Color

#822222
```
#822222 rgb(130,34,34)
```
#828222
```
#828222 rgb(130,130,34)
```
#228282
```
#228282 rgb(34,130,130)
```
#222282
```
#222282 rgb(34,34,130)
```

Tetradic Color

#454512
```
#454512 rgb(69,69,18)
```
#5a5a17
```
#5a5a17 rgb(90,90,23)
```
#6e6e1d
```
#6e6e1d rgb(110,110,29)
```
#828222
```
#828222 rgb(130,130,34)
```
#969627
```
#969627 rgb(150,150,39)
```
#aaaa2d
```
#aaaa2d rgb(170,170,45)
```
#bfbf32
```
#bfbf32 rgb(191,191,50)
```

Monochromatic Color

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

#826a22
```
#826a22 rgb(130,106,34)
```
#827222
```
#827222 rgb(130,114,34)
```
#827a22
```
#827a22 rgb(130,122,34)
```
#828222
```
#828222 rgb(130,130,34)
```
#7a8222
```
#7a8222 rgb(122,130,34)
```
#728222
```
#728222 rgb(114,130,34)
```
#6a8222
```
#6a8222 rgb(106,130,34)
```

Similar Colors

Text with hexadecimal color #828222

This text has a font color of #828222.

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

#828222 background color

This paragraph has a background color of #828222.

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

#828222 border color

This element has a border color of #828222.

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

CSS codes

.text {color:#828222;}

.background {background-color:#828222;}

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

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

#060601
```
#060601 rgb(6,6,1)
```
#151506
```
#151506 rgb(21,21,6)
```
#25250a
```
#25250a rgb(37,37,10)
```
#34340e
```
#34340e rgb(52,52,14)
```
#444412
```
#444412 rgb(68,68,18)
```
#535316
```
#535316 rgb(83,83,22)
```
#63631a
```
#63631a rgb(99,99,26)
```
#72721e
```
#72721e rgb(114,114,30)
```
#828222
```
#828222 rgb(130,130,34)
```
#929226
```
#929226 rgb(146,146,38)
```
#a1a12a
```
#a1a12a rgb(161,161,42)
```
#b1b12e
```
#b1b12e rgb(177,177,46)
```
#c0c032
```
#c0c032 rgb(192,192,50)
```

Shade Color Variation

#cccc3a
```
#cccc3a rgb(204,204,58)
```
#d0d04a
```
#d0d04a rgb(208,208,74)
```
#d4d45a
```
#d4d45a rgb(212,212,90)
```
#d8d869
```
#d8d869 rgb(216,216,105)
```
#dcdc79
```
#dcdc79 rgb(220,220,121)
```
#e0e088
```
#e0e088 rgb(224,224,136)
```
#e4e498
```
#e4e498 rgb(228,228,152)
```
#e8e8a7
```
#e8e8a7 rgb(232,232,167)
```
#ececb7
```
#ececb7 rgb(236,236,183)
```
#f0f0c6
```
#f0f0c6 rgb(240,240,198)
```
#f4f4d6
```
#f4f4d6 rgb(244,244,214)
```
#f8f8e6
```
#f8f8e6 rgb(248,248,230)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#56564e
```
#56564e rgb(86,86,78)
```
#5c5c48
```
#5c5c48 rgb(92,92,72)
```
#626242
```
#626242 rgb(98,98,66)
```
#69693b
```
#69693b rgb(105,105,59)
```
#6f6f35
```
#6f6f35 rgb(111,111,53)
```
#75752f
```
#75752f rgb(117,117,47)
```
#7c7c28
```
#7c7c28 rgb(124,124,40)
```
#828222
```
#828222 rgb(130,130,34)
```
#88881c
```
#88881c rgb(136,136,28)
```
#8f8f15
```
#8f8f15 rgb(143,143,21)
```
#95950f
```
#95950f rgb(149,149,15)
```
#9b9b09
```
#9b9b09 rgb(155,155,9)
```
#a2a202
```
#a2a202 rgb(162,162,2)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#797966 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93842c Protanopia 1% of men
#a47e32 Deuteranopia 1% of men
#917f89 Tritanopia 0.001% of the population

Trichromacy

#8d8328 Protanomaly 1% of men, 0.01% of women
#977f2c Deuteranomaly 6% of men, 0.4% of women
#8b8063 Tritanomaly 0.01% of the population

#828222 hex color

#828222 Color Information

#828222 Color Conversion

Color Schemes with #828222

Alternatives to #828222

#828222 Preview

Shades and Tints of #828222

Tones of #828222

Color Blindness Simulator