#505318 hex color

In a RGB color space, hex #505318 is composed of 31.4% red, 32.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 71.1% yellow and 67.5% black. It has a hue angle of 63.1 degrees, a saturation of 55.1% and a lightness of 21%. #505318 color hex could be obtained by blending #a0a630 with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #505318 has RGB values of R:80, G:83, B:24 and CMYK values of C:0.04, M:0, Y:0.71, K:0.67. Its decimal value is 5264152.

Hex triplet	505318	`#505318`
RGB Decimal	80, 83, 24	`rgb(80,83,24)`
RGB Percent	31.4, 32.5, 9.4	`rgb(31.4%,32.5%,9.4%)`
CMYK	4, 0, 71, 67
HSL	63.1°, 55.1, 21	`hsl(63.1,55.1%,21%)`
HSV (or HSB)	63.1°, 71.1, 32.5
Web Safe	666600	`#666600`

CIE-LAB	33.895, -9.903, 32.784
XYZ	6.566, 7.958, 2.054
xyY	0.396, 0.48, 7.958
CIE-LCH	33.895, 34.247, 106.808
CIE-LUV	33.895, 0.437, 32.54
Hunter-Lab	28.21, -7.818, 15.429
Binary	01010000, 01010011, 00011000

#505318
```
#505318 rgb(80,83,24)
```
#1b1853
```
#1b1853 rgb(27,24,83)
```

Complementary Color

#533918
```
#533918 rgb(83,57,24)
```
#505318
```
#505318 rgb(80,83,24)
```
#335318
```
#335318 rgb(51,83,24)
```

Analogous Color

#391853
```
#391853 rgb(57,24,83)
```
#505318
```
#505318 rgb(80,83,24)
```
#183353
```
#183353 rgb(24,51,83)
```

Split Complementary Color

#531850
```
#531850 rgb(83,24,80)
```
#505318
```
#505318 rgb(80,83,24)
```
#185053
```
#185053 rgb(24,80,83)
```

Triadic Color

#531b18
```
#531b18 rgb(83,27,24)
```
#505318
```
#505318 rgb(80,83,24)
```
#185053
```
#185053 rgb(24,80,83)
```
#1b1853
```
#1b1853 rgb(27,24,83)
```

Tetradic Color

#171807
```
#171807 rgb(23,24,7)
```
#2a2b0d
```
#2a2b0d rgb(42,43,13)
```
#3d3f12
```
#3d3f12 rgb(61,63,18)
```
#505318
```
#505318 rgb(80,83,24)
```
#63671e
```
#63671e rgb(99,103,30)
```
#767b23
```
#767b23 rgb(118,123,35)
```
#898e29
```
#898e29 rgb(137,142,41)
```

Monochromatic Color

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

#534718
```
#534718 rgb(83,71,24)
```
#534c18
```
#534c18 rgb(83,76,24)
```
#535118
```
#535118 rgb(83,81,24)
```
#505318
```
#505318 rgb(80,83,24)
```
#4b5318
```
#4b5318 rgb(75,83,24)
```
#465318
```
#465318 rgb(70,83,24)
```
#415318
```
#415318 rgb(65,83,24)
```

Similar Colors

Text with hexadecimal color #505318

This text has a font color of #505318.

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

#505318 background color

This paragraph has a background color of #505318.

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

#505318 border color

This element has a border color of #505318.

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

CSS codes

.text {color:#505318;}

.background {background-color:#505318;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#151606
```
#151606 rgb(21,22,6)
```
#24250b
```
#24250b rgb(36,37,11)
```
#33350f
```
#33350f rgb(51,53,15)
```
#414414
```
#414414 rgb(65,68,20)
```
#505318
```
#505318 rgb(80,83,24)
```
#5f621c
```
#5f621c rgb(95,98,28)
```
#6d7121
```
#6d7121 rgb(109,113,33)
```
#7c8125
```
#7c8125 rgb(124,129,37)
```
#8b902a
```
#8b902a rgb(139,144,42)
```
#999f2e
```
#999f2e rgb(153,159,46)
```
#a8ae32
```
#a8ae32 rgb(168,174,50)
```
#b7be37
```
#b7be37 rgb(183,190,55)
```

Shade Color Variation

#c1c840
```
#c1c840 rgb(193,200,64)
```
#c6cc4f
```
#c6cc4f rgb(198,204,79)
```
#cbd15f
```
#cbd15f rgb(203,209,95)
```
#d0d56e
```
#d0d56e rgb(208,213,110)
```
#d5d97d
```
#d5d97d rgb(213,217,125)
```
#dade8c
```
#dade8c rgb(218,222,140)
```
#dfe29b
```
#dfe29b rgb(223,226,155)
```
#e4e7ab
```
#e4e7ab rgb(228,231,171)
```
#e9ebba
```
#e9ebba rgb(233,235,186)
```
#edefc9
```
#edefc9 rgb(237,239,201)
```
#f2f4d8
```
#f2f4d8 rgb(242,244,216)
```
#f7f8e7
```
#f7f8e7 rgb(247,248,231)
```
#fcfdf7
```
#fcfdf7 rgb(252,253,247)
```

Tint Color Variation

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

#363635
```
#363635 rgb(54,54,53)
```
#3a3a31
```
#3a3a31 rgb(58,58,49)
```
#3e3e2d
```
#3e3e2d rgb(62,62,45)
```
#414328
```
#414328 rgb(65,67,40)
```
#454724
```
#454724 rgb(69,71,36)
```
#494b20
```
#494b20 rgb(73,75,32)
```
#4c4f1c
```
#4c4f1c rgb(76,79,28)
```
#505318
```
#505318 rgb(80,83,24)
```
#545714
```
#545714 rgb(84,87,20)
```
#575b10
```
#575b10 rgb(87,91,16)
```
#5b5f0c
```
#5b5f0c rgb(91,95,12)
```
#5f6308
```
#5f6308 rgb(95,99,8)
```
#626803
```
#626803 rgb(98,104,3)
```

Tone Color Variation

Below, you can see how #505318 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
#4c4d41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625823 Protanopia 1% of men
#6d5426 Deuteranopia 1% of men
#5f565c Tritanopia 0.001% of the population

Trichromacy

#5b561f Protanomaly 1% of men, 0.01% of women
#625421 Deuteranomaly 6% of men, 0.4% of women
#595543 Tritanomaly 0.01% of the population

#505318 hex color

#505318 Color Information

#505318 Color Conversion

Color Schemes with #505318

Alternatives to #505318

#505318 Preview

Shades and Tints of #505318

Tones of #505318

Color Blindness Simulator