colorhexa.com

#505024 hex color

In a RGB color space, hex #505024 is composed of 31.4% red, 31.4% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 55% yellow and 68.6% black. It has a hue angle of 60 degrees, a saturation of 37.9% and a lightness of 22.7%. #505024 color hex could be obtained by blending #a0a048 with #000000. Closest websafe color is: #666633.

- R 31
- G 31
- B 14
RGB color chart
- C 0
- M 0
- Y 55
- K 69
CMYK color chart

● #505024 color description : Very dark desaturated yellow.

The hexadecimal color #505024 has RGB values of R:80, G:80, B:36 and CMYK values of C:0, M:0, Y:0.55, K:0.69. Its decimal value is 5263396.

Hex triplet	505024	`#505024`
RGB Decimal	80, 80, 36	`rgb(80,80,36)`
RGB Percent	31.4, 31.4, 14.1	`rgb(31.4%,31.4%,14.1%)`
CMYK	0, 0, 55, 69
HSL	60°, 37.9, 22.7	`hsl(60,37.9%,22.7%)`
HSV (or HSB)	60°, 55, 31.4
Web Safe	666633	`#666633`

CIE-LAB	33.071, -7.094, 25.657
XYZ	6.495, 7.57, 2.788
xyY	0.385, 0.449, 7.57
CIE-LCH	33.071, 26.62, 105.456
CIE-LUV	33.071, 1.929, 26.756
Hunter-Lab	27.514, -6.011, 13.252
Binary	01010000, 01010000, 00100100

#505024
```
#505024 rgb(80,80,36)
```
#242450
```
#242450 rgb(36,36,80)
```

Complementary Color

#503a24
```
#503a24 rgb(80,58,36)
```
#505024
```
#505024 rgb(80,80,36)
```
#3a5024
```
#3a5024 rgb(58,80,36)
```

Analogous Color

#3a2450
```
#3a2450 rgb(58,36,80)
```
#505024
```
#505024 rgb(80,80,36)
```
#243a50
```
#243a50 rgb(36,58,80)
```

Split Complementary Color

#1b1b0c
```
#1b1b0c rgb(27,27,12)
```
#2d2d14
```
#2d2d14 rgb(45,45,20)
```
#3e3e1c
```
#3e3e1c rgb(62,62,28)
```
#505024
```
#505024 rgb(80,80,36)
```
#62622c
```
#62622c rgb(98,98,44)
```
#737334
```
#737334 rgb(115,115,52)
```
#85853c
```
#85853c rgb(133,133,60)
```

Monochromatic Color

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

#504524
```
#504524 rgb(80,69,36)
```
#504924
```
#504924 rgb(80,73,36)
```
#504c24
```
#504c24 rgb(80,76,36)
```
#505024
```
#505024 rgb(80,80,36)
```
#4c5024
```
#4c5024 rgb(76,80,36)
```
#495024
```
#495024 rgb(73,80,36)
```
#455024
```
#455024 rgb(69,80,36)
```

Similar Colors

Text with hexadecimal color #505024

This text has a font color of #505024.

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

#505024 background color

This paragraph has a background color of #505024.

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

#505024 border color

This element has a border color of #505024.

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

CSS codes

.text {color:#505024;}

.background {background-color:#505024;}

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

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, #0c0c06 is the darkest color, while #fefefe is the lightest one.

#0c0c06
```
#0c0c06 rgb(12,12,6)
```
#1a1a0c
```
#1a1a0c rgb(26,26,12)
```
#272712
```
#272712 rgb(39,39,18)
```
#353518
```
#353518 rgb(53,53,24)
```
#42421e
```
#42421e rgb(66,66,30)
```
#505024
```
#505024 rgb(80,80,36)
```
#5e5e2a
```
#5e5e2a rgb(94,94,42)
```
#6b6b30
```
#6b6b30 rgb(107,107,48)
```
#797936
```
#797936 rgb(121,121,54)
```
#86863c
```
#86863c rgb(134,134,60)
```
#949442
```
#949442 rgb(148,148,66)
```
#a1a149
```
#a1a149 rgb(161,161,73)
```
#afaf4f
```
#afaf4f rgb(175,175,79)
```

Shade Color Variation

#b5b55b
```
#b5b55b rgb(181,181,91)
```
#bcbc69
```
#bcbc69 rgb(188,188,105)
```
#c2c277
```
#c2c277 rgb(194,194,119)
```
#c8c884
```
#c8c884 rgb(200,200,132)
```
#cece92
```
#cece92 rgb(206,206,146)
```
#d4d49f
```
#d4d49f rgb(212,212,159)
```
#dadaad
```
#dadaad rgb(218,218,173)
```
#e0e0ba
```
#e0e0ba rgb(224,224,186)
```
#e6e6c8
```
#e6e6c8 rgb(230,230,200)
```
#ececd5
```
#ececd5 rgb(236,236,213)
```
#f2f2e3
```
#f2f2e3 rgb(242,242,227)
```
#f8f8f0
```
#f8f8f0 rgb(248,248,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#3e3e36
```
#3e3e36 rgb(62,62,54)
```
#434331
```
#434331 rgb(67,67,49)
```
#47472d
```
#47472d rgb(71,71,45)
```
#4c4c28
```
#4c4c28 rgb(76,76,40)
```
#505024
```
#505024 rgb(80,80,36)
```
#545420
```
#545420 rgb(84,84,32)
```
#59591b
```
#59591b rgb(89,89,27)
```
#5d5d17
```
#5d5d17 rgb(93,93,23)
```
#626212
```
#626212 rgb(98,98,18)
```
#66660e
```
#66660e rgb(102,102,14)
```
#6b6b09
```
#6b6b09 rgb(107,107,9)
```
#6f6f05
```
#6f6f05 rgb(111,111,5)
```
#747400
```
#747400 rgb(116,116,0)
```

Tone Color Variation

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

Dichromacy

#5f572e Protanopia 1% of men
#695331 Deuteranopia 1% of men
#5e545a Tritanopia 0.001% of the population

Trichromacy

#59542a Protanomaly 1% of men, 0.01% of women
#60522c Deuteranomaly 6% of men, 0.4% of women
#595246 Tritanomaly 0.01% of the population