#505222 hex color

In a RGB color space, hex #505222 is composed of 31.4% red, 32.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 58.5% yellow and 67.8% black. It has a hue angle of 62.5 degrees, a saturation of 41.4% and a lightness of 22.7%. #505222 color hex could be obtained by blending #a0a444 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 32
- B 13
RGB color chart
- C 2
- M 0
- Y 59
- K 68
CMYK color chart

● #505222 color description : Very dark desaturated yellow.

The hexadecimal color #505222 has RGB values of R:80, G:82, B:34 and CMYK values of C:0.02, M:0, Y:0.59, K:0.68. Its decimal value is 5263906.

Hex triplet	505222	`#505222`
RGB Decimal	80, 82, 34	`rgb(80,82,34)`
RGB Percent	31.4, 32.2, 13.3	`rgb(31.4%,32.2%,13.3%)`
CMYK	2, 0, 59, 68
HSL	62.5°, 41.4, 22.7	`hsl(62.5,41.4%,22.7%)`
HSV (or HSB)	62.5°, 58.5, 32.2
Web Safe	666633	`#666633`

CIE-LAB	33.68, -8.479, 27.47
XYZ	6.614, 7.856, 2.681
xyY	0.386, 0.458, 7.856
CIE-LCH	33.68, 28.749, 107.154
CIE-LUV	33.68, 0.809, 28.585
Hunter-Lab	28.028, -6.925, 13.948
Binary	01010000, 01010010, 00100010

#505222
```
#505222 rgb(80,82,34)
```
#242252
```
#242252 rgb(36,34,82)
```

Complementary Color

#523c22
```
#523c22 rgb(82,60,34)
```
#505222
```
#505222 rgb(80,82,34)
```
#385222
```
#385222 rgb(56,82,34)
```

Analogous Color

#3c2252
```
#3c2252 rgb(60,34,82)
```
#505222
```
#505222 rgb(80,82,34)
```
#223852
```
#223852 rgb(34,56,82)
```

Split Complementary Color

#522250
```
#522250 rgb(82,34,80)
```
#505222
```
#505222 rgb(80,82,34)
```
#225052
```
#225052 rgb(34,80,82)
```

Triadic Color

#522422
```
#522422 rgb(82,36,34)
```
#505222
```
#505222 rgb(80,82,34)
```
#225052
```
#225052 rgb(34,80,82)
```
#242252
```
#242252 rgb(36,34,82)
```

Tetradic Color

#1b1c0c
```
#1b1c0c rgb(27,28,12)
```
#2d2e13
```
#2d2e13 rgb(45,46,19)
```
#3e401b
```
#3e401b rgb(62,64,27)
```
#505222
```
#505222 rgb(80,82,34)
```
#626429
```
#626429 rgb(98,100,41)
```
#737631
```
#737631 rgb(115,118,49)
```
#858838
```
#858838 rgb(133,136,56)
```

Monochromatic Color

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

#524822
```
#524822 rgb(82,72,34)
```
#524c22
```
#524c22 rgb(82,76,34)
```
#525022
```
#525022 rgb(82,80,34)
```
#505222
```
#505222 rgb(80,82,34)
```
#4c5222
```
#4c5222 rgb(76,82,34)
```
#485222
```
#485222 rgb(72,82,34)
```
#445222
```
#445222 rgb(68,82,34)
```

Similar Colors

Text with hexadecimal color #505222

This text has a font color of #505222.

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

#505222 background color

This paragraph has a background color of #505222.

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

#505222 border color

This element has a border color of #505222.

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

CSS codes

.text {color:#505222;}

.background {background-color:#505222;}

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

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

#0c0d05
```
#0c0d05 rgb(12,13,5)
```
#1a1b0b
```
#1a1b0b rgb(26,27,11)
```
#272811
```
#272811 rgb(39,40,17)
```
#353617
```
#353617 rgb(53,54,23)
```
#42441c
```
#42441c rgb(66,68,28)
```
#505222
```
#505222 rgb(80,82,34)
```
#5e6028
```
#5e6028 rgb(94,96,40)
```
#6b6e2d
```
#6b6e2d rgb(107,110,45)
```
#797c33
```
#797c33 rgb(121,124,51)
```
#868939
```
#868939 rgb(134,137,57)
```
#94973f
```
#94973f rgb(148,151,63)
```
#a1a544
```
#a1a544 rgb(161,165,68)
```
#afb34a
```
#afb34a rgb(175,179,74)
```

Shade Color Variation

#b5ba57
```
#b5ba57 rgb(181,186,87)
```
#bcbf65
```
#bcbf65 rgb(188,191,101)
```
#c2c573
```
#c2c573 rgb(194,197,115)
```
#c8cb81
```
#c8cb81 rgb(200,203,129)
```
#ced18f
```
#ced18f rgb(206,209,143)
```
#d4d69d
```
#d4d69d rgb(212,214,157)
```
#dadcab
```
#dadcab rgb(218,220,171)
```
#e0e2b8
```
#e0e2b8 rgb(224,226,184)
```
#e6e8c6
```
#e6e8c6 rgb(230,232,198)
```
#ecedd4
```
#ecedd4 rgb(236,237,212)
```
#f2f3e2
```
#f2f3e2 rgb(242,243,226)
```
#f8f9f0
```
#f8f9f0 rgb(248,249,240)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3c3c38 is the less saturated color, while #6d7103 is the most saturated one.

#3c3c38
```
#3c3c38 rgb(60,60,56)
```
#404034
```
#404034 rgb(64,64,52)
```
#44452f
```
#44452f rgb(68,69,47)
```
#48492b
```
#48492b rgb(72,73,43)
```
#4c4e26
```
#4c4e26 rgb(76,78,38)
```
#505222
```
#505222 rgb(80,82,34)
```
#54561e
```
#54561e rgb(84,86,30)
```
#585b19
```
#585b19 rgb(88,91,25)
```
#5c5f15
```
#5c5f15 rgb(92,95,21)
```
#606410
```
#606410 rgb(96,100,16)
```
#64680c
```
#64680c rgb(100,104,12)
```
#696d07
```
#696d07 rgb(105,109,7)
```
#6d7103
```
#6d7103 rgb(109,113,3)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4d4d44 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61582c Protanopia 1% of men
#6b542f Deuteranopia 1% of men
#5e555c Tritanopia 0.001% of the population

Trichromacy

#5b5628 Protanomaly 1% of men, 0.01% of women
#61532a Deuteranomaly 6% of men, 0.4% of women
#595446 Tritanomaly 0.01% of the population

#505222 hex color

#505222 Color Information

#505222 Color Conversion

Color Schemes with #505222

Alternatives to #505222

#505222 Preview

Shades and Tints of #505222

Tones of #505222

Color Blindness Simulator