#505316 hex color

In a RGB color space, hex #505316 is composed of 31.4% red, 32.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 73.5% yellow and 67.5% black. It has a hue angle of 63 degrees, a saturation of 58.1% and a lightness of 20.6%. #505316 color hex could be obtained by blending #a0a62c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 31
- G 33
- B 9
RGB color chart
- C 4
- M 0
- Y 73
- K 67
CMYK color chart

● #505316 color description : Very dark yellow [Olive tone].

The hexadecimal color #505316 has RGB values of R:80, G:83, B:22 and CMYK values of C:0.04, M:0, Y:0.73, K:0.67. Its decimal value is 5264150.

Hex triplet	505316	`#505316`
RGB Decimal	80, 83, 22	`rgb(80,83,22)`
RGB Percent	31.4, 32.5, 8.6	`rgb(31.4%,32.5%,8.6%)`
CMYK	4, 0, 73, 67
HSL	63°, 58.1, 20.6	`hsl(63,58.1%,20.6%)`
HSV (or HSB)	63°, 73.5, 32.5
Web Safe	666600	`#666600`

CIE-LAB	33.879, -10.04, 33.683
XYZ	6.546, 7.95, 1.949
xyY	0.398, 0.483, 7.95
CIE-LCH	33.879, 35.147, 106.597
CIE-LUV	33.879, 0.472, 33.112
Hunter-Lab	28.196, -7.899, 15.639
Binary	01010000, 01010011, 00010110

#505316
```
#505316 rgb(80,83,22)
```
#191653
```
#191653 rgb(25,22,83)
```

Complementary Color

#533816
```
#533816 rgb(83,56,22)
```
#505316
```
#505316 rgb(80,83,22)
```
#325316
```
#325316 rgb(50,83,22)
```

Analogous Color

#381653
```
#381653 rgb(56,22,83)
```
#505316
```
#505316 rgb(80,83,22)
```
#163253
```
#163253 rgb(22,50,83)
```

Split Complementary Color

#531650
```
#531650 rgb(83,22,80)
```
#505316
```
#505316 rgb(80,83,22)
```
#165053
```
#165053 rgb(22,80,83)
```

Triadic Color

#531916
```
#531916 rgb(83,25,22)
```
#505316
```
#505316 rgb(80,83,22)
```
#165053
```
#165053 rgb(22,80,83)
```
#191653
```
#191653 rgb(25,22,83)
```

Tetradic Color

#161706
```
#161706 rgb(22,23,6)
```
#292b0b
```
#292b0b rgb(41,43,11)
```
#3d3f11
```
#3d3f11 rgb(61,63,17)
```
#505316
```
#505316 rgb(80,83,22)
```
#63671b
```
#63671b rgb(99,103,27)
```
#777b21
```
#777b21 rgb(119,123,33)
```
#8a8f26
```
#8a8f26 rgb(138,143,38)
```

Monochromatic Color

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

#534716
```
#534716 rgb(83,71,22)
```
#534c16
```
#534c16 rgb(83,76,22)
```
#535116
```
#535116 rgb(83,81,22)
```
#505316
```
#505316 rgb(80,83,22)
```
#4b5316
```
#4b5316 rgb(75,83,22)
```
#465316
```
#465316 rgb(70,83,22)
```
#415316
```
#415316 rgb(65,83,22)
```

Similar Colors

Text with hexadecimal color #505316

This text has a font color of #505316.

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

#505316 background color

This paragraph has a background color of #505316.

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

#505316 border color

This element has a border color of #505316.

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

CSS codes

.text {color:#505316;}

.background {background-color:#505316;}

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

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

#050501
```
#050501 rgb(5,5,1)
```
#141506
```
#141506 rgb(20,21,6)
```
#23240a
```
#23240a rgb(35,36,10)
```
#32340e
```
#32340e rgb(50,52,14)
```
#414312
```
#414312 rgb(65,67,18)
```
#505316
```
#505316 rgb(80,83,22)
```
#5f631a
```
#5f631a rgb(95,99,26)
```
#6e721e
```
#6e721e rgb(110,114,30)
```
#7d8222
```
#7d8222 rgb(125,130,34)
```
#8c9126
```
#8c9126 rgb(140,145,38)
```
#9ba12b
```
#9ba12b rgb(155,161,43)
```
#aab02f
```
#aab02f rgb(170,176,47)
```
#b9c033
```
#b9c033 rgb(185,192,51)
```

Shade Color Variation

#c4cb3b
```
#c4cb3b rgb(196,203,59)
```
#c9cf4a
```
#c9cf4a rgb(201,207,74)
```
#cdd35a
```
#cdd35a rgb(205,211,90)
```
#d2d769
```
#d2d769 rgb(210,215,105)
```
#d7db79
```
#d7db79 rgb(215,219,121)
```
#dbe088
```
#dbe088 rgb(219,224,136)
```
#e0e498
```
#e0e498 rgb(224,228,152)
```
#e5e8a7
```
#e5e8a7 rgb(229,232,167)
```
#e9ecb7
```
#e9ecb7 rgb(233,236,183)
```
#eef0c6
```
#eef0c6 rgb(238,240,198)
```
#f3f4d6
```
#f3f4d6 rgb(243,244,214)
```
#f7f8e5
```
#f7f8e5 rgb(247,248,229)
```
#fcfcf5
```
#fcfcf5 rgb(252,252,245)
```

Tint Color Variation

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

#373732
```
#373732 rgb(55,55,50)
```
#3a3b2e
```
#3a3b2e rgb(58,59,46)
```
#3e3f2a
```
#3e3f2a rgb(62,63,42)
```
#414326
```
#414326 rgb(65,67,38)
```
#454722
```
#454722 rgb(69,71,34)
```
#494b1e
```
#494b1e rgb(73,75,30)
```
#4c4f1a
```
#4c4f1a rgb(76,79,26)
```
#505316
```
#505316 rgb(80,83,22)
```
#545712
```
#545712 rgb(84,87,18)
```
#575b0e
```
#575b0e rgb(87,91,14)
```
#5b5f0a
```
#5b5f0a rgb(91,95,10)
```
#5f6306
```
#5f6306 rgb(95,99,6)
```
#626702
```
#626702 rgb(98,103,2)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#4c4d40 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625821 Protanopia 1% of men
#6d5425 Deuteranopia 1% of men
#5f565c Tritanopia 0.001% of the population

Trichromacy

#5b561d Protanomaly 1% of men, 0.01% of women
#62541f Deuteranomaly 6% of men, 0.4% of women
#595542 Tritanomaly 0.01% of the population

#505316 hex color

#505316 Color Information

#505316 Color Conversion

Color Schemes with #505316

Alternatives to #505316

#505316 Preview

Shades and Tints of #505316

Tones of #505316

Color Blindness Simulator