#503316 hex color

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

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

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

The hexadecimal color #503316 has RGB values of R:80, G:51, B:22 and CMYK values of C:0, M:0.36, Y:0.73, K:0.69. Its decimal value is 5255958.

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

CIE-LAB	24.101, 9.85, 23.285
XYZ	4.637, 4.131, 1.312
xyY	0.46, 0.41, 4.131
CIE-LCH	24.101, 25.283, 67.071
CIE-LUV	24.101, 20.393, 18.405
Hunter-Lab	20.326, 5.152, 10.4
Binary	01010000, 00110011, 00010110

#503316
```
#503316 rgb(80,51,22)
```
#163350
```
#163350 rgb(22,51,80)
```

Complementary Color

#501616
```
#501616 rgb(80,22,22)
```
#503316
```
#503316 rgb(80,51,22)
```
#505016
```
#505016 rgb(80,80,22)
```

Analogous Color

#161650
```
#161650 rgb(22,22,80)
```
#503316
```
#503316 rgb(80,51,22)
```
#165050
```
#165050 rgb(22,80,80)
```

Split Complementary Color

#331650
```
#331650 rgb(51,22,80)
```
#503316
```
#503316 rgb(80,51,22)
```
#165033
```
#165033 rgb(22,80,51)
```

Triadic Color

#501633
```
#501633 rgb(80,22,51)
```
#503316
```
#503316 rgb(80,51,22)
```
#165033
```
#165033 rgb(22,80,51)
```
#163350
```
#163350 rgb(22,51,80)
```

Tetradic Color

#140d06
```
#140d06 rgb(20,13,6)
```
#281a0b
```
#281a0b rgb(40,26,11)
```
#3c2611
```
#3c2611 rgb(60,38,17)
```
#503316
```
#503316 rgb(80,51,22)
```
#64401c
```
#64401c rgb(100,64,28)
```
#784d21
```
#784d21 rgb(120,77,33)
```
#8c5927
```
#8c5927 rgb(140,89,39)
```

Monochromatic Color

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

#502516
```
#502516 rgb(80,37,22)
```
#502916
```
#502916 rgb(80,41,22)
```
#502e16
```
#502e16 rgb(80,46,22)
```
#503316
```
#503316 rgb(80,51,22)
```
#503816
```
#503816 rgb(80,56,22)
```
#503d16
```
#503d16 rgb(80,61,22)
```
#504216
```
#504216 rgb(80,66,22)
```

Similar Colors

Text with hexadecimal color #503316

This text has a font color of #503316.

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

#503316 background color

This paragraph has a background color of #503316.

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

#503316 border color

This element has a border color of #503316.

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

CSS codes

.text {color:#503316;}

.background {background-color:#503316;}

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

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)
```
#311f0e
```
#311f0e rgb(49,31,14)
```
#412912
```
#412912 rgb(65,41,18)
```
#503316
```
#503316 rgb(80,51,22)
```
#5f3d1a
```
#5f3d1a rgb(95,61,26)
```
#6f471e
```
#6f471e rgb(111,71,30)
```
#7e5023
```
#7e5023 rgb(126,80,35)
```
#8e5a27
```
#8e5a27 rgb(142,90,39)
```
#9d642b
```
#9d642b rgb(157,100,43)
```
#ac6e2f
```
#ac6e2f rgb(172,110,47)
```
#bc7834
```
#bc7834 rgb(188,120,52)
```

Shade Color Variation

#c9813a
```
#c9813a rgb(201,129,58)
```
#cd8b49
```
#cd8b49 rgb(205,139,73)
```
#d19559
```
#d19559 rgb(209,149,89)
```
#d69f68
```
#d69f68 rgb(214,159,104)
```
#daa978
```
#daa978 rgb(218,169,120)
```
#deb387
```
#deb387 rgb(222,179,135)
```
#e2bc96
```
#e2bc96 rgb(226,188,150)
```
#e6c6a6
```
#e6c6a6 rgb(230,198,166)
```
#ebd0b5
```
#ebd0b5 rgb(235,208,181)
```
#efdac5
```
#efdac5 rgb(239,218,197)
```
#f3e4d4
```
#f3e4d4 rgb(243,228,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 #643302 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)
```
#443322
```
#443322 rgb(68,51,34)
```
#48331e
```
#48331e rgb(72,51,30)
```
#4c331a
```
#4c331a rgb(76,51,26)
```
#503316
```
#503316 rgb(80,51,22)
```
#543312
```
#543312 rgb(84,51,18)
```
#58330e
```
#58330e rgb(88,51,14)
```
#5c330a
```
#5c330a rgb(92,51,10)
```
#603306
```
#603306 rgb(96,51,6)
```
#643302
```
#643302 rgb(100,51,2)
```

Tone Color Variation

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

#4a4324 Protanopia 1% of men
#524021 Deuteranopia 1% of men
#5b3a3e Tritanopia 0.001% of the population

Trichromacy

#4c3d1e Protanomaly 1% of men, 0.01% of women
#513b1d Deuteranomaly 6% of men, 0.4% of women
#57372f Tritanomaly 0.01% of the population

#503316 hex color

#503316 Color Information

#503316 Color Conversion

Color Schemes with #503316

Alternatives to #503316

#503316 Preview

Shades and Tints of #503316

Tones of #503316

Color Blindness Simulator