#503516 Color Information
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.
-
- R 31
- G 21
- B 9
-
- C 0
- M 34
- Y 73
- K 69
● #503516 color description : Very dark orange [Brown tone].
#503516 Color Conversion
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 |
Color Schemes with #503516
Alternatives to #503516
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.
#503516 Preview
This text has a font color of #503516.
<span style="color:#503516;">Text here</span>
This paragraph has a background color of #503516.
<p style="background-color:#503516;">Content here</p>
This element has a border color of #503516.
<div style="border:1px solid #503516;">Content here</div>
.text {color:#503516;}
.background {background-color:#503516;}
.border {border:1px solid #503516;}
Shades and Tints of #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)
-
#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)
Tones of #503516
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)
Color Blindness Simulator
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.