#503516 hex color

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

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

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

The hexadecimal color #503516 has RGB values of R:80, G:53, B:22 and CMYK values of C:0, M:0.34, Y:0.73, K:0.69. Its decimal value is 5256470.

Hex triplet	503516	`#503516`
RGB Decimal	80, 53, 22	`rgb(80,53,22)`
RGB Percent	31.4, 20.8, 8.6	`rgb(31.4%,20.8%,8.6%)`
CMYK	0, 34, 73, 69
HSL	32.1°, 56.9, 20	`hsl(32.1,56.9%,20%)`
HSV (or HSB)	32.1°, 72.5, 31.4
Web Safe	663300	`#663300`

CIE-LAB	24.671, 8.56, 23.923
XYZ	4.726, 4.31, 1.342
xyY	0.455, 0.415, 4.31
CIE-LCH	24.671, 25.409, 70.313
CIE-LUV	24.671, 19.153, 19.282
Hunter-Lab	20.76, 4.307, 10.7
Binary	01010000, 00110101, 00010110

#503516
```
#503516 rgb(80,53,22)
```
#163150
```
#163150 rgb(22,49,80)
```

Complementary Color

#501816
```
#501816 rgb(80,24,22)
```
#503516
```
#503516 rgb(80,53,22)
```
#4e5016
```
#4e5016 rgb(78,80,22)
```

Analogous Color

#181650
```
#181650 rgb(24,22,80)
```
#503516
```
#503516 rgb(80,53,22)
```
#164e50
```
#164e50 rgb(22,78,80)
```

Split Complementary Color

#351650
```
#351650 rgb(53,22,80)
```
#503516
```
#503516 rgb(80,53,22)
```
#165035
```
#165035 rgb(22,80,53)
```

Triadic Color

#501631
```
#501631 rgb(80,22,49)
```
#503516
```
#503516 rgb(80,53,22)
```
#165035
```
#165035 rgb(22,80,53)
```
#163150
```
#163150 rgb(22,49,80)
```

Tetradic Color

#140d06
```
#140d06 rgb(20,13,6)
```
#281b0b
```
#281b0b rgb(40,27,11)
```
#3c2811
```
#3c2811 rgb(60,40,17)
```
#503516
```
#503516 rgb(80,53,22)
```
#64421c
```
#64421c rgb(100,66,28)
```
#785021
```
#785021 rgb(120,80,33)
```
#8c5d27
```
#8c5d27 rgb(140,93,39)
```

Monochromatic Color

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

#502716
```
#502716 rgb(80,39,22)
```
#502b16
```
#502b16 rgb(80,43,22)
```
#503016
```
#503016 rgb(80,48,22)
```
#503516
```
#503516 rgb(80,53,22)
```
#503a16
```
#503a16 rgb(80,58,22)
```
#503f16
```
#503f16 rgb(80,63,22)
```
#504416
```
#504416 rgb(80,68,22)
```

Similar Colors

Text with hexadecimal color #503516

This text has a font color of #503516.

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

#503516 background color

This paragraph has a background color of #503516.

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

#503516 border color

This element has a border color of #503516.

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

CSS codes

.text {color:#503516;}

.background {background-color:#503516;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#120c05
```
#120c05 rgb(18,12,5)
```
#221609
```
#221609 rgb(34,22,9)
```
#31210e
```
#31210e rgb(49,33,14)
```
#412b12
```
#412b12 rgb(65,43,18)
```
#503516
```
#503516 rgb(80,53,22)
```
#5f3f1a
```
#5f3f1a rgb(95,63,26)
```
#6f491e
```
#6f491e rgb(111,73,30)
```
#7e5423
```
#7e5423 rgb(126,84,35)
```
#8e5e27
```
#8e5e27 rgb(142,94,39)
```
#9d682b
```
#9d682b rgb(157,104,43)
```
#ac722f
```
#ac722f rgb(172,114,47)
```
#bc7c34
```
#bc7c34 rgb(188,124,52)
```

Shade Color Variation

#c9863a
```
#c9863a rgb(201,134,58)
```
#cd9049
```
#cd9049 rgb(205,144,73)
```
#d19959
```
#d19959 rgb(209,153,89)
```
#d6a368
```
#d6a368 rgb(214,163,104)
```
#daac78
```
#daac78 rgb(218,172,120)
```
#deb687
```
#deb687 rgb(222,182,135)
```
#e2bf96
```
#e2bf96 rgb(226,191,150)
```
#e6c8a6
```
#e6c8a6 rgb(230,200,166)
```
#ebd2b5
```
#ebd2b5 rgb(235,210,181)
```
#efdbc5
```
#efdbc5 rgb(239,219,197)
```
#f3e5d4
```
#f3e5d4 rgb(243,229,212)
```
#f7eee3
```
#f7eee3 rgb(247,238,227)
```
#fcf7f3
```
#fcf7f3 rgb(252,247,243)
```

Tint Color Variation

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

#353331
```
#353331 rgb(53,51,49)
```
#38332e
```
#38332e rgb(56,51,46)
```
#3c342a
```
#3c342a rgb(60,52,42)
```
#403426
```
#403426 rgb(64,52,38)
```
#443422
```
#443422 rgb(68,52,34)
```
#48341e
```
#48341e rgb(72,52,30)
```
#4c351a
```
#4c351a rgb(76,53,26)
```
#503516
```
#503516 rgb(80,53,22)
```
#543512
```
#543512 rgb(84,53,18)
```
#58360e
```
#58360e rgb(88,54,14)
```
#5c360a
```
#5c360a rgb(92,54,10)
```
#603606
```
#603606 rgb(96,54,6)
```
#643602
```
#643602 rgb(100,54,2)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3e3933 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4423 Protanopia 1% of men
#544121 Deuteranopia 1% of men
#5b3c40 Tritanopia 0.001% of the population

Trichromacy

#4d3f1e Protanomaly 1% of men, 0.01% of women
#523d1d Deuteranomaly 6% of men, 0.4% of women
#573930 Tritanomaly 0.01% of the population

#503516 hex color

#503516 Color Information

#503516 Color Conversion

Color Schemes with #503516

Alternatives to #503516

#503516 Preview

Shades and Tints of #503516

Tones of #503516

Color Blindness Simulator