#504516 hex color

In a RGB color space, hex #504516 is composed of 31.4% red, 27.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.8% magenta, 72.5% yellow and 68.6% black. It has a hue angle of 48.6 degrees, a saturation of 56.9% and a lightness of 20%. #504516 color hex could be obtained by blending #a08a2c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 31
- G 27
- B 9
RGB color chart
- C 0
- M 14
- Y 73
- K 69
CMYK color chart

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

The hexadecimal color #504516 has RGB values of R:80, G:69, B:22 and CMYK values of C:0, M:0.14, Y:0.73, K:0.69. Its decimal value is 5260566.

Hex triplet	504516	`#504516`
RGB Decimal	80, 69, 22	`rgb(80,69,22)`
RGB Percent	31.4, 27.1, 8.6	`rgb(31.4%,27.1%,8.6%)`
CMYK	0, 14, 73, 69
HSL	48.6°, 56.9, 20	`hsl(48.6,56.9%,20%)`
HSV (or HSB)	48.6°, 72.5, 31.4
Web Safe	663300	`#663300`

CIE-LAB	29.462, -1.616, 29.122
XYZ	5.581, 6.02, 1.627
xyY	0.422, 0.455, 6.02
CIE-LCH	29.462, 29.167, 93.177
CIE-LUV	29.462, 9.088, 26.567
Hunter-Lab	24.535, -2.332, 13.243
Binary	01010000, 01000101, 00010110

#504516
```
#504516 rgb(80,69,22)
```
#162150
```
#162150 rgb(22,33,80)
```

Complementary Color

#502816
```
#502816 rgb(80,40,22)
```
#504516
```
#504516 rgb(80,69,22)
```
#3e5016
```
#3e5016 rgb(62,80,22)
```

Analogous Color

#281650
```
#281650 rgb(40,22,80)
```
#504516
```
#504516 rgb(80,69,22)
```
#163e50
```
#163e50 rgb(22,62,80)
```

Split Complementary Color

#451650
```
#451650 rgb(69,22,80)
```
#504516
```
#504516 rgb(80,69,22)
```
#165045
```
#165045 rgb(22,80,69)
```

Triadic Color

#501621
```
#501621 rgb(80,22,33)
```
#504516
```
#504516 rgb(80,69,22)
```
#165045
```
#165045 rgb(22,80,69)
```
#162150
```
#162150 rgb(22,33,80)
```

Tetradic Color

#141106
```
#141106 rgb(20,17,6)
```
#28230b
```
#28230b rgb(40,35,11)
```
#3c3411
```
#3c3411 rgb(60,52,17)
```
#504516
```
#504516 rgb(80,69,22)
```
#64561c
```
#64561c rgb(100,86,28)
```
#786821
```
#786821 rgb(120,104,33)
```
#8c7927
```
#8c7927 rgb(140,121,39)
```

Monochromatic Color

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

#503716
```
#503716 rgb(80,55,22)
```
#503b16
```
#503b16 rgb(80,59,22)
```
#504016
```
#504016 rgb(80,64,22)
```
#504516
```
#504516 rgb(80,69,22)
```
#504a16
```
#504a16 rgb(80,74,22)
```
#504f16
```
#504f16 rgb(80,79,22)
```
#4d5016
```
#4d5016 rgb(77,80,22)
```

Similar Colors

Text with hexadecimal color #504516

This text has a font color of #504516.

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

#504516 background color

This paragraph has a background color of #504516.

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

#504516 border color

This element has a border color of #504516.

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

CSS codes

.text {color:#504516;}

.background {background-color:#504516;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#121005
```
#121005 rgb(18,16,5)
```
#221d09
```
#221d09 rgb(34,29,9)
```
#312a0e
```
#312a0e rgb(49,42,14)
```
#413812
```
#413812 rgb(65,56,18)
```
#504516
```
#504516 rgb(80,69,22)
```
#5f521a
```
#5f521a rgb(95,82,26)
```
#6f601e
```
#6f601e rgb(111,96,30)
```
#7e6d23
```
#7e6d23 rgb(126,109,35)
```
#8e7a27
```
#8e7a27 rgb(142,122,39)
```
#9d872b
```
#9d872b rgb(157,135,43)
```
#ac952f
```
#ac952f rgb(172,149,47)
```
#bca234
```
#bca234 rgb(188,162,52)
```

Shade Color Variation

#c9ae3a
```
#c9ae3a rgb(201,174,58)
```
#cdb449
```
#cdb449 rgb(205,180,73)
```
#d1ba59
```
#d1ba59 rgb(209,186,89)
```
#d6c168
```
#d6c168 rgb(214,193,104)
```
#dac778
```
#dac778 rgb(218,199,120)
```
#dece87
```
#dece87 rgb(222,206,135)
```
#e2d496
```
#e2d496 rgb(226,212,150)
```
#e6daa6
```
#e6daa6 rgb(230,218,166)
```
#ebe1b5
```
#ebe1b5 rgb(235,225,181)
```
#efe7c5
```
#efe7c5 rgb(239,231,197)
```
#f3edd4
```
#f3edd4 rgb(243,237,212)
```
#f7f4e3
```
#f7f4e3 rgb(247,244,227)
```
#fcfaf3
```
#fcfaf3 rgb(252,250,243)
```

Tint Color Variation

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

#353431
```
#353431 rgb(53,52,49)
```
#38362e
```
#38362e rgb(56,54,46)
```
#3c392a
```
#3c392a rgb(60,57,42)
```
#403b26
```
#403b26 rgb(64,59,38)
```
#443e22
```
#443e22 rgb(68,62,34)
```
#48401e
```
#48401e rgb(72,64,30)
```
#4c431a
```
#4c431a rgb(76,67,26)
```
#504516
```
#504516 rgb(80,69,22)
```
#544712
```
#544712 rgb(84,71,18)
```
#584a0e
```
#584a0e rgb(88,74,14)
```
#5c4c0a
```
#5c4c0a rgb(92,76,10)
```
#604f06
```
#604f06 rgb(96,79,6)
```
#645102
```
#645102 rgb(100,81,2)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#46433a Atypical Achromatopsia 0.001% of the population

Dichromacy

#574f22 Protanopia 1% of men
#614b23 Deuteranopia 1% of men
#5d4a4f Tritanopia 0.001% of the population

Trichromacy

#544b1d Protanomaly 1% of men, 0.01% of women
#5b491e Deuteranomaly 6% of men, 0.4% of women
#58483a Tritanomaly 0.01% of the population

#504516 hex color

#504516 Color Information

#504516 Color Conversion

Color Schemes with #504516

Alternatives to #504516

#504516 Preview

Shades and Tints of #504516

Tones of #504516

Color Blindness Simulator