#502516 hex color

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

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

● #502516 color description : Very dark orange [Brown tone].

The hexadecimal color #502516 has RGB values of R:80, G:37, B:22 and CMYK values of C:0, M:0.54, Y:0.73, K:0.69. Its decimal value is 5252374.

Hex triplet	502516	`#502516`
RGB Decimal	80, 37, 22	`rgb(80,37,22)`
RGB Percent	31.4, 14.5, 8.6	`rgb(31.4%,14.5%,8.6%)`
CMYK	0, 54, 73, 69
HSL	15.5°, 56.9, 20	`hsl(15.5,56.9%,20%)`
HSV (or HSB)	15.5°, 72.5, 31.4
Web Safe	663300	`#663300`

CIE-LAB	20.389, 18.718, 19.009
XYZ	4.115, 3.087, 1.138
xyY	0.493, 0.37, 3.087
CIE-LCH	20.389, 26.678, 45.442
CIE-LUV	20.389, 28.601, 12.655
Hunter-Lab	17.57, 11.058, 8.458
Binary	01010000, 00100101, 00010110

#502516
```
#502516 rgb(80,37,22)
```
#164150
```
#164150 rgb(22,65,80)
```

Complementary Color

#501624
```
#501624 rgb(80,22,36)
```
#502516
```
#502516 rgb(80,37,22)
```
#504216
```
#504216 rgb(80,66,22)
```

Analogous Color

#162450
```
#162450 rgb(22,36,80)
```
#502516
```
#502516 rgb(80,37,22)
```
#165042
```
#165042 rgb(22,80,66)
```

Split Complementary Color

#251650
```
#251650 rgb(37,22,80)
```
#502516
```
#502516 rgb(80,37,22)
```
#165025
```
#165025 rgb(22,80,37)
```

Triadic Color

#501641
```
#501641 rgb(80,22,65)
```
#502516
```
#502516 rgb(80,37,22)
```
#165025
```
#165025 rgb(22,80,37)
```
#164150
```
#164150 rgb(22,65,80)
```

Tetradic Color

#140906
```
#140906 rgb(20,9,6)
```
#28130b
```
#28130b rgb(40,19,11)
```
#3c1c11
```
#3c1c11 rgb(60,28,17)
```
#502516
```
#502516 rgb(80,37,22)
```
#642e1c
```
#642e1c rgb(100,46,28)
```
#783821
```
#783821 rgb(120,56,33)
```
#8c4127
```
#8c4127 rgb(140,65,39)
```

Monochromatic Color

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

#501716
```
#501716 rgb(80,23,22)
```
#501b16
```
#501b16 rgb(80,27,22)
```
#502016
```
#502016 rgb(80,32,22)
```
#502516
```
#502516 rgb(80,37,22)
```
#502a16
```
#502a16 rgb(80,42,22)
```
#502f16
```
#502f16 rgb(80,47,22)
```
#503416
```
#503416 rgb(80,52,22)
```

Similar Colors

Text with hexadecimal color #502516

This text has a font color of #502516.

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

#502516 background color

This paragraph has a background color of #502516.

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

#502516 border color

This element has a border color of #502516.

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

CSS codes

.text {color:#502516;}

.background {background-color:#502516;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#120905
```
#120905 rgb(18,9,5)
```
#221009
```
#221009 rgb(34,16,9)
```
#31170e
```
#31170e rgb(49,23,14)
```
#411e12
```
#411e12 rgb(65,30,18)
```
#502516
```
#502516 rgb(80,37,22)
```
#5f2c1a
```
#5f2c1a rgb(95,44,26)
```
#6f331e
```
#6f331e rgb(111,51,30)
```
#7e3a23
```
#7e3a23 rgb(126,58,35)
```
#8e4127
```
#8e4127 rgb(142,65,39)
```
#9d492b
```
#9d492b rgb(157,73,43)
```
#ac502f
```
#ac502f rgb(172,80,47)
```
#bc5734
```
#bc5734 rgb(188,87,52)
```

Shade Color Variation

#c95f3a
```
#c95f3a rgb(201,95,58)
```
#cd6c49
```
#cd6c49 rgb(205,108,73)
```
#d17859
```
#d17859 rgb(209,120,89)
```
#d68568
```
#d68568 rgb(214,133,104)
```
#da9178
```
#da9178 rgb(218,145,120)
```
#de9e87
```
#de9e87 rgb(222,158,135)
```
#e2aa96
```
#e2aa96 rgb(226,170,150)
```
#e6b7a6
```
#e6b7a6 rgb(230,183,166)
```
#ebc3b5
```
#ebc3b5 rgb(235,195,181)
```
#efd0c5
```
#efd0c5 rgb(239,208,197)
```
#f3dcd4
```
#f3dcd4 rgb(243,220,212)
```
#f7e9e3
```
#f7e9e3 rgb(247,233,227)
```
#fcf5f3
```
#fcf5f3 rgb(252,245,243)
```

Tint Color Variation

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

#353231
```
#353231 rgb(53,50,49)
```
#38302e
```
#38302e rgb(56,48,46)
```
#3c2e2a
```
#3c2e2a rgb(60,46,42)
```
#402d26
```
#402d26 rgb(64,45,38)
```
#442b22
```
#442b22 rgb(68,43,34)
```
#48291e
```
#48291e rgb(72,41,30)
```
#4c271a
```
#4c271a rgb(76,39,26)
```
#502516
```
#502516 rgb(80,37,22)
```
#542312
```
#542312 rgb(84,35,18)
```
#58210e
```
#58210e rgb(88,33,14)
```
#5c1f0a
```
#5c1f0a rgb(92,31,10)
```
#601d06
```
#601d06 rgb(96,29,6)
```
#641c02
```
#641c02 rgb(100,28,2)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#362e2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#413b26 Protanopia 1% of men
#49391f Deuteranopia 1% of men
#5a2e31 Tritanopia 0.001% of the population

Trichromacy

#463320 Protanomaly 1% of men, 0.01% of women
#4b311c Deuteranomaly 6% of men, 0.4% of women
#562a27 Tritanomaly 0.01% of the population

#502516 hex color

#502516 Color Information

#502516 Color Conversion

Color Schemes with #502516

Alternatives to #502516

#502516 Preview

Shades and Tints of #502516

Tones of #502516

Color Blindness Simulator