colorhexa.com

#505a20 hex color

In a RGB color space, hex #505a20 is composed of 31.4% red, 35.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 0% magenta, 64.4% yellow and 64.7% black. It has a hue angle of 70.3 degrees, a saturation of 47.5% and a lightness of 23.9%. #505a20 color hex could be obtained by blending #a0b440 with #000000. Closest websafe color is: #666633.

- R 31
- G 35
- B 13
RGB color chart
- C 11
- M 0
- Y 64
- K 65
CMYK color chart

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

The hexadecimal color #505a20 has RGB values of R:80, G:90, B:32 and CMYK values of C:0.11, M:0, Y:0.64, K:0.65. Its decimal value is 5265952.

Hex triplet	505a20	`#505a20`
RGB Decimal	80, 90, 32	`rgb(80,90,32)`
RGB Percent	31.4, 35.3, 12.5	`rgb(31.4%,35.3%,12.5%)`
CMYK	11, 0, 64, 65
HSL	70.3°, 47.5, 23.9	`hsl(70.3,47.5%,23.9%)`
HSV (or HSB)	70.3°, 64.4, 35.3
Web Safe	666633	`#666633`

CIE-LAB	36.218, -13.273, 31.377
XYZ	7.225, 9.122, 2.747
xyY	0.378, 0.478, 9.122
CIE-LCH	36.218, 34.068, 112.93
CIE-LUV	36.218, -3.802, 33.306
Hunter-Lab	30.203, -10.154, 15.75
Binary	01010000, 01011010, 00100000

#505a20
```
#505a20 rgb(80,90,32)
```
#2a205a
```
#2a205a rgb(42,32,90)
```

Complementary Color

#5a4720
```
#5a4720 rgb(90,71,32)
```
#505a20
```
#505a20 rgb(80,90,32)
```
#335a20
```
#335a20 rgb(51,90,32)
```

Analogous Color

#47205a
```
#47205a rgb(71,32,90)
```
#505a20
```
#505a20 rgb(80,90,32)
```
#20335a
```
#20335a rgb(32,51,90)
```

Split Complementary Color

#1e220c
```
#1e220c rgb(30,34,12)
```
#2f3413
```
#2f3413 rgb(47,52,19)
```
#3f4719
```
#3f4719 rgb(63,71,25)
```
#505a20
```
#505a20 rgb(80,90,32)
```
#616d27
```
#616d27 rgb(97,109,39)
```
#71802d
```
#71802d rgb(113,128,45)
```
#829234
```
#829234 rgb(130,146,52)
```

Monochromatic Color

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

#5a5620
```
#5a5620 rgb(90,86,32)
```
#5a5a20
```
#5a5a20 rgb(90,90,32)
```
#555a20
```
#555a20 rgb(85,90,32)
```
#505a20
```
#505a20 rgb(80,90,32)
```
#4b5a20
```
#4b5a20 rgb(75,90,32)
```
#465a20
```
#465a20 rgb(70,90,32)
```
#425a20
```
#425a20 rgb(66,90,32)
```

Similar Colors

Text with hexadecimal color #505a20

This text has a font color of #505a20.

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

#505a20 background color

This paragraph has a background color of #505a20.

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

#505a20 border color

This element has a border color of #505a20.

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

CSS codes

.text {color:#505a20;}

.background {background-color:#505a20;}

.border {border:1px solid #505a20;}

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

#030301
```
#030301 rgb(3,3,1)
```
#101206
```
#101206 rgb(16,18,6)
```
#1d200b
```
#1d200b rgb(29,32,11)
```
#292f11
```
#292f11 rgb(41,47,17)
```
#363d16
```
#363d16 rgb(54,61,22)
```
#434c1b
```
#434c1b rgb(67,76,27)
```
#505a20
```
#505a20 rgb(80,90,32)
```
#5d6825
```
#5d6825 rgb(93,104,37)
```
#6a772a
```
#6a772a rgb(106,119,42)
```
#77852f
```
#77852f rgb(119,133,47)
```
#839435
```
#839435 rgb(131,148,53)
```
#90a23a
```
#90a23a rgb(144,162,58)
```
#9db13f
```
#9db13f rgb(157,177,63)
```

Shade Color Variation

#a9bd46
```
#a9bd46 rgb(169,189,70)
```
#afc255
```
#afc255 rgb(175,194,85)
```
#b6c863
```
#b6c863 rgb(182,200,99)
```
#bdcd71
```
#bdcd71 rgb(189,205,113)
```
#c4d280
```
#c4d280 rgb(196,210,128)
```
#cad78e
```
#cad78e rgb(202,215,142)
```
#d1dc9d
```
#d1dc9d rgb(209,220,157)
```
#d8e1ab
```
#d8e1ab rgb(216,225,171)
```
#dfe6ba
```
#dfe6ba rgb(223,230,186)
```
#e5ecc8
```
#e5ecc8 rgb(229,236,200)
```
#ecf1d7
```
#ecf1d7 rgb(236,241,215)
```
#f3f6e5
```
#f3f6e5 rgb(243,246,229)
```
#fafbf4
```
#fafbf4 rgb(250,251,244)
```

Tint Color Variation

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

#3e3e3c
```
#3e3e3c rgb(62,62,60)
```
#414337
```
#414337 rgb(65,67,55)
```
#444733
```
#444733 rgb(68,71,51)
```
#474c2e
```
#474c2e rgb(71,76,46)
```
#4a5129
```
#4a5129 rgb(74,81,41)
```
#4d5525
```
#4d5525 rgb(77,85,37)
```
#505a20
```
#505a20 rgb(80,90,32)
```
#535f1b
```
#535f1b rgb(83,95,27)
```
#566317
```
#566317 rgb(86,99,23)
```
#596812
```
#596812 rgb(89,104,18)
```
#5c6d0d
```
#5c6d0d rgb(92,109,13)
```
#5f7109
```
#5f7109 rgb(95,113,9)
```
#627604
```
#627604 rgb(98,118,4)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#505246 Atypical Achromatopsia 0.001% of the population

Dichromacy

#685e2a Protanopia 1% of men
#73592e Deuteranopia 1% of men
#605c63 Tritanopia 0.001% of the population

Trichromacy

#5f5c26 Protanomaly 1% of men, 0.01% of women
#665929 Deuteranomaly 6% of men, 0.4% of women
#5a5b4a Tritanomaly 0.01% of the population