#503416 hex color

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

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

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

The hexadecimal color #503416 has RGB values of R:80, G:52, B:22 and CMYK values of C:0, M:0.35, Y:0.73, K:0.69. Its decimal value is 5256214.

Hex triplet	503416	`#503416`
RGB Decimal	80, 52, 22	`rgb(80,52,22)`
RGB Percent	31.4, 20.4, 8.6	`rgb(31.4%,20.4%,8.6%)`
CMYK	0, 35, 73, 69
HSL	31°, 56.9, 20	`hsl(31,56.9%,20%)`
HSV (or HSB)	31°, 72.5, 31.4
Web Safe	663300	`#663300`

CIE-LAB	24.385, 9.205, 23.604
XYZ	4.681, 4.22, 1.327
xyY	0.458, 0.413, 4.22
CIE-LCH	24.385, 25.335, 68.695
CIE-LUV	24.385, 19.775, 18.842
Hunter-Lab	20.542, 4.729, 10.549
Binary	01010000, 00110100, 00010110

#503416
```
#503416 rgb(80,52,22)
```
#163250
```
#163250 rgb(22,50,80)
```

Complementary Color

#501716
```
#501716 rgb(80,23,22)
```
#503416
```
#503416 rgb(80,52,22)
```
#4f5016
```
#4f5016 rgb(79,80,22)
```

Analogous Color

#171650
```
#171650 rgb(23,22,80)
```
#503416
```
#503416 rgb(80,52,22)
```
#164f50
```
#164f50 rgb(22,79,80)
```

Split Complementary Color

#341650
```
#341650 rgb(52,22,80)
```
#503416
```
#503416 rgb(80,52,22)
```
#165034
```
#165034 rgb(22,80,52)
```

Triadic Color

#501632
```
#501632 rgb(80,22,50)
```
#503416
```
#503416 rgb(80,52,22)
```
#165034
```
#165034 rgb(22,80,52)
```
#163250
```
#163250 rgb(22,50,80)
```

Tetradic Color

#140d06
```
#140d06 rgb(20,13,6)
```
#281a0b
```
#281a0b rgb(40,26,11)
```
#3c2711
```
#3c2711 rgb(60,39,17)
```
#503416
```
#503416 rgb(80,52,22)
```
#64411c
```
#64411c rgb(100,65,28)
```
#784e21
```
#784e21 rgb(120,78,33)
```
#8c5b27
```
#8c5b27 rgb(140,91,39)
```

Monochromatic Color

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

#502616
```
#502616 rgb(80,38,22)
```
#502a16
```
#502a16 rgb(80,42,22)
```
#502f16
```
#502f16 rgb(80,47,22)
```
#503416
```
#503416 rgb(80,52,22)
```
#503916
```
#503916 rgb(80,57,22)
```
#503e16
```
#503e16 rgb(80,62,22)
```
#504316
```
#504316 rgb(80,67,22)
```

Similar Colors

Text with hexadecimal color #503416

This text has a font color of #503416.

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

#503416 background color

This paragraph has a background color of #503416.

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

#503416 border color

This element has a border color of #503416.

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

CSS codes

.text {color:#503416;}

.background {background-color:#503416;}

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

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)
```
#31200e
```
#31200e rgb(49,32,14)
```
#412a12
```
#412a12 rgb(65,42,18)
```
#503416
```
#503416 rgb(80,52,22)
```
#5f3e1a
```
#5f3e1a rgb(95,62,26)
```
#6f481e
```
#6f481e rgb(111,72,30)
```
#7e5223
```
#7e5223 rgb(126,82,35)
```
#8e5c27
```
#8e5c27 rgb(142,92,39)
```
#9d662b
```
#9d662b rgb(157,102,43)
```
#ac702f
```
#ac702f rgb(172,112,47)
```
#bc7a34
```
#bc7a34 rgb(188,122,52)
```

Shade Color Variation

#c9843a
```
#c9843a rgb(201,132,58)
```
#cd8e49
```
#cd8e49 rgb(205,142,73)
```
#d19759
```
#d19759 rgb(209,151,89)
```
#d6a168
```
#d6a168 rgb(214,161,104)
```
#daaa78
```
#daaa78 rgb(218,170,120)
```
#deb487
```
#deb487 rgb(222,180,135)
```
#e2be96
```
#e2be96 rgb(226,190,150)
```
#e6c7a6
```
#e6c7a6 rgb(230,199,166)
```
#ebd1b5
```
#ebd1b5 rgb(235,209,181)
```
#efdac5
```
#efdac5 rgb(239,218,197)
```
#f3e4d4
```
#f3e4d4 rgb(243,228,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 #643502 is the most saturated one.

#353331
```
#353331 rgb(53,51,49)
```
#38332e
```
#38332e rgb(56,51,46)
```
#3c332a
```
#3c332a rgb(60,51,42)
```
#403326
```
#403326 rgb(64,51,38)
```
#443422
```
#443422 rgb(68,52,34)
```
#48341e
```
#48341e rgb(72,52,30)
```
#4c341a
```
#4c341a rgb(76,52,26)
```
#503416
```
#503416 rgb(80,52,22)
```
#543412
```
#543412 rgb(84,52,18)
```
#58340e
```
#58340e rgb(88,52,14)
```
#5c340a
```
#5c340a rgb(92,52,10)
```
#603506
```
#603506 rgb(96,53,6)
```
#643502
```
#643502 rgb(100,53,2)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3e3832 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4423 Protanopia 1% of men
#534121 Deuteranopia 1% of men
#5b3b3f Tritanopia 0.001% of the population

Trichromacy

#4c3e1e Protanomaly 1% of men, 0.01% of women
#523c1d Deuteranomaly 6% of men, 0.4% of women
#573830 Tritanomaly 0.01% of the population

#503416 hex color

#503416 Color Information

#503416 Color Conversion

Color Schemes with #503416

Alternatives to #503416

#503416 Preview

Shades and Tints of #503416

Tones of #503416

Color Blindness Simulator