#505416 hex color

In a RGB color space, hex #505416 is composed of 31.4% red, 32.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 4.8% cyan, 0% magenta, 73.8% yellow and 67.1% black. It has a hue angle of 63.9 degrees, a saturation of 58.5% and a lightness of 20.8%. #505416 color hex could be obtained by blending #a0a82c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 31
- G 33
- B 9
RGB color chart
- C 5
- M 0
- Y 74
- K 67
CMYK color chart

● #505416 color description : Very dark yellow [Olive tone].

The hexadecimal color #505416 has RGB values of R:80, G:84, B:22 and CMYK values of C:0.05, M:0, Y:0.74, K:0.67. Its decimal value is 5264406.

Hex triplet	505416	`#505416`
RGB Decimal	80, 84, 22	`rgb(80,84,22)`
RGB Percent	31.4, 32.9, 8.6	`rgb(31.4%,32.9%,8.6%)`
CMYK	5, 0, 74, 67
HSL	63.9°, 58.5, 20.8	`hsl(63.9,58.5%,20.8%)`
HSV (or HSB)	63.9°, 73.8, 32.9
Web Safe	666600	`#666600`

CIE-LAB	34.199, -10.619, 34.006
XYZ	6.623, 8.104, 1.974
xyY	0.397, 0.485, 8.104
CIE-LCH	34.199, 35.626, 107.342
CIE-LUV	34.199, -0.127, 33.58
Hunter-Lab	28.468, -8.288, 15.815
Binary	01010000, 01010100, 00010110

#505416
```
#505416 rgb(80,84,22)
```
#1a1654
```
#1a1654 rgb(26,22,84)
```

Complementary Color

#543916
```
#543916 rgb(84,57,22)
```
#505416
```
#505416 rgb(80,84,22)
```
#315416
```
#315416 rgb(49,84,22)
```

Analogous Color

#391654
```
#391654 rgb(57,22,84)
```
#505416
```
#505416 rgb(80,84,22)
```
#163154
```
#163154 rgb(22,49,84)
```

Split Complementary Color

#541650
```
#541650 rgb(84,22,80)
```
#505416
```
#505416 rgb(80,84,22)
```
#165054
```
#165054 rgb(22,80,84)
```

Triadic Color

#541a16
```
#541a16 rgb(84,26,22)
```
#505416
```
#505416 rgb(80,84,22)
```
#165054
```
#165054 rgb(22,80,84)
```
#1a1654
```
#1a1654 rgb(26,22,84)
```

Tetradic Color

#161706
```
#161706 rgb(22,23,6)
```
#2a2c0b
```
#2a2c0b rgb(42,44,11)
```
#3d4011
```
#3d4011 rgb(61,64,17)
```
#505416
```
#505416 rgb(80,84,22)
```
#63681b
```
#63681b rgb(99,104,27)
```
#767c21
```
#767c21 rgb(118,124,33)
```
#8a9126
```
#8a9126 rgb(138,145,38)
```

Monochromatic Color

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

#544816
```
#544816 rgb(84,72,22)
```
#544e16
```
#544e16 rgb(84,78,22)
```
#545316
```
#545316 rgb(84,83,22)
```
#505416
```
#505416 rgb(80,84,22)
```
#4b5416
```
#4b5416 rgb(75,84,22)
```
#465416
```
#465416 rgb(70,84,22)
```
#415416
```
#415416 rgb(65,84,22)
```

Similar Colors

Text with hexadecimal color #505416

This text has a font color of #505416.

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

#505416 background color

This paragraph has a background color of #505416.

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

#505416 border color

This element has a border color of #505416.

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

CSS codes

.text {color:#505416;}

.background {background-color:#505416;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#151606
```
#151606 rgb(21,22,6)
```
#24250a
```
#24250a rgb(36,37,10)
```
#32350e
```
#32350e rgb(50,53,14)
```
#414412
```
#414412 rgb(65,68,18)
```
#505416
```
#505416 rgb(80,84,22)
```
#5f641a
```
#5f641a rgb(95,100,26)
```
#6e731e
```
#6e731e rgb(110,115,30)
```
#7c8322
```
#7c8322 rgb(124,131,34)
```
#8b9226
```
#8b9226 rgb(139,146,38)
```
#9aa22a
```
#9aa22a rgb(154,162,42)
```
#a9b12e
```
#a9b12e rgb(169,177,46)
```
#b8c132
```
#b8c132 rgb(184,193,50)
```

Shade Color Variation

#c2cc3b
```
#c2cc3b rgb(194,204,59)
```
#c7d04b
```
#c7d04b rgb(199,208,75)
```
#ccd45a
```
#ccd45a rgb(204,212,90)
```
#d1d86a
```
#d1d86a rgb(209,216,106)
```
#d6dc79
```
#d6dc79 rgb(214,220,121)
```
#dae089
```
#dae089 rgb(218,224,137)
```
#dfe498
```
#dfe498 rgb(223,228,152)
```
#e4e8a8
```
#e4e8a8 rgb(228,232,168)
```
#e9ecb8
```
#e9ecb8 rgb(233,236,184)
```
#eef0c7
```
#eef0c7 rgb(238,240,199)
```
#f3f4d7
```
#f3f4d7 rgb(243,244,215)
```
#f7f9e6
```
#f7f9e6 rgb(247,249,230)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#373733
```
#373733 rgb(55,55,51)
```
#3b3c2e
```
#3b3c2e rgb(59,60,46)
```
#3e402a
```
#3e402a rgb(62,64,42)
```
#424426
```
#424426 rgb(66,68,38)
```
#454822
```
#454822 rgb(69,72,34)
```
#494c1e
```
#494c1e rgb(73,76,30)
```
#4c501a
```
#4c501a rgb(76,80,26)
```
#505416
```
#505416 rgb(80,84,22)
```
#545812
```
#545812 rgb(84,88,18)
```
#575c0e
```
#575c0e rgb(87,92,14)
```
#5b600a
```
#5b600a rgb(91,96,10)
```
#5e6406
```
#5e6406 rgb(94,100,6)
```
#626802
```
#626802 rgb(98,104,2)
```

Tone Color Variation

Below, you can see how #505416 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
#4d4e41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635921 Protanopia 1% of men
#6e5525 Deuteranopia 1% of men
#5f575d Tritanopia 0.001% of the population

Trichromacy

#5c571d Protanomaly 1% of men, 0.01% of women
#63541f Deuteranomaly 6% of men, 0.4% of women
#595643 Tritanomaly 0.01% of the population

#505416 hex color

#505416 Color Information

#505416 Color Conversion

Color Schemes with #505416

Alternatives to #505416

#505416 Preview

Shades and Tints of #505416

Tones of #505416

Color Blindness Simulator