#503216 hex color

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

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

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

The hexadecimal color #503216 has RGB values of R:80, G:50, B:22 and CMYK values of C:0, M:0.38, Y:0.73, K:0.69. Its decimal value is 5255702.

Hex triplet	503216	`#503216`
RGB Decimal	80, 50, 22	`rgb(80,50,22)`
RGB Percent	31.4, 19.6, 8.6	`rgb(31.4%,19.6%,8.6%)`
CMYK	0, 38, 73, 69
HSL	29°, 56.9, 20	`hsl(29,56.9%,20%)`
HSV (or HSB)	29°, 72.5, 31.4
Web Safe	663300	`#663300`

CIE-LAB	23.819, 10.495, 22.968
XYZ	4.594, 4.045, 1.298
xyY	0.462, 0.407, 4.045
CIE-LCH	23.819, 25.252, 65.444
CIE-LUV	23.819, 21.009, 17.97
Hunter-Lab	20.112, 5.575, 10.252
Binary	01010000, 00110010, 00010110

#503216
```
#503216 rgb(80,50,22)
```
#163450
```
#163450 rgb(22,52,80)
```

Complementary Color

#501617
```
#501617 rgb(80,22,23)
```
#503216
```
#503216 rgb(80,50,22)
```
#504f16
```
#504f16 rgb(80,79,22)
```

Analogous Color

#161750
```
#161750 rgb(22,23,80)
```
#503216
```
#503216 rgb(80,50,22)
```
#16504f
```
#16504f rgb(22,80,79)
```

Split Complementary Color

#321650
```
#321650 rgb(50,22,80)
```
#503216
```
#503216 rgb(80,50,22)
```
#165032
```
#165032 rgb(22,80,50)
```

Triadic Color

#501634
```
#501634 rgb(80,22,52)
```
#503216
```
#503216 rgb(80,50,22)
```
#165032
```
#165032 rgb(22,80,50)
```
#163450
```
#163450 rgb(22,52,80)
```

Tetradic Color

#140d06
```
#140d06 rgb(20,13,6)
```
#28190b
```
#28190b rgb(40,25,11)
```
#3c2611
```
#3c2611 rgb(60,38,17)
```
#503216
```
#503216 rgb(80,50,22)
```
#643f1c
```
#643f1c rgb(100,63,28)
```
#784b21
```
#784b21 rgb(120,75,33)
```
#8c5827
```
#8c5827 rgb(140,88,39)
```

Monochromatic Color

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

#502416
```
#502416 rgb(80,36,22)
```
#502816
```
#502816 rgb(80,40,22)
```
#502d16
```
#502d16 rgb(80,45,22)
```
#503216
```
#503216 rgb(80,50,22)
```
#503716
```
#503716 rgb(80,55,22)
```
#503c16
```
#503c16 rgb(80,60,22)
```
#504116
```
#504116 rgb(80,65,22)
```

Similar Colors

Text with hexadecimal color #503216

This text has a font color of #503216.

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

#503216 background color

This paragraph has a background color of #503216.

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

#503216 border color

This element has a border color of #503216.

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

CSS codes

.text {color:#503216;}

.background {background-color:#503216;}

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

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)
```
#221509
```
#221509 rgb(34,21,9)
```
#311f0e
```
#311f0e rgb(49,31,14)
```
#412812
```
#412812 rgb(65,40,18)
```
#503216
```
#503216 rgb(80,50,22)
```
#5f3c1a
```
#5f3c1a rgb(95,60,26)
```
#6f451e
```
#6f451e rgb(111,69,30)
```
#7e4f23
```
#7e4f23 rgb(126,79,35)
```
#8e5827
```
#8e5827 rgb(142,88,39)
```
#9d622b
```
#9d622b rgb(157,98,43)
```
#ac6c2f
```
#ac6c2f rgb(172,108,47)
```
#bc7534
```
#bc7534 rgb(188,117,52)
```

Shade Color Variation

#c97f3a
```
#c97f3a rgb(201,127,58)
```
#cd8949
```
#cd8949 rgb(205,137,73)
```
#d19359
```
#d19359 rgb(209,147,89)
```
#d69d68
```
#d69d68 rgb(214,157,104)
```
#daa778
```
#daa778 rgb(218,167,120)
```
#deb187
```
#deb187 rgb(222,177,135)
```
#e2bb96
```
#e2bb96 rgb(226,187,150)
```
#e6c5a6
```
#e6c5a6 rgb(230,197,166)
```
#ebcfb5
```
#ebcfb5 rgb(235,207,181)
```
#efd9c5
```
#efd9c5 rgb(239,217,197)
```
#f3e3d4
```
#f3e3d4 rgb(243,227,212)
```
#f7ede3
```
#f7ede3 rgb(247,237,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 #643102 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)
```
#443222
```
#443222 rgb(68,50,34)
```
#48321e
```
#48321e rgb(72,50,30)
```
#4c321a
```
#4c321a rgb(76,50,26)
```
#503216
```
#503216 rgb(80,50,22)
```
#543212
```
#543212 rgb(84,50,18)
```
#58320e
```
#58320e rgb(88,50,14)
```
#5c320a
```
#5c320a rgb(92,50,10)
```
#603106
```
#603106 rgb(96,49,6)
```
#643102
```
#643102 rgb(100,49,2)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#3d3731 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494324 Protanopia 1% of men
#524021 Deuteranopia 1% of men
#5b393d Tritanopia 0.001% of the population

Trichromacy

#4b3c1e Protanomaly 1% of men, 0.01% of women
#513a1d Deuteranomaly 6% of men, 0.4% of women
#57362f Tritanomaly 0.01% of the population

#503216 hex color

#503216 Color Information

#503216 Color Conversion

Color Schemes with #503216

Alternatives to #503216

#503216 Preview

Shades and Tints of #503216

Tones of #503216

Color Blindness Simulator