#505337 hex color

In a RGB color space, hex #505337 is composed of 31.4% red, 32.5% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 33.7% yellow and 67.5% black. It has a hue angle of 66.4 degrees, a saturation of 20.3% and a lightness of 27.1%. #505337 color hex could be obtained by blending #a0a66e with #000000. Closest websafe color is: #666633.

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

● #505337 color description : Very dark grayish yellow.

The hexadecimal color #505337 has RGB values of R:80, G:83, B:55 and CMYK values of C:0.04, M:0, Y:0.34, K:0.67. Its decimal value is 5264183.

Hex triplet	505337	`#505337`
RGB Decimal	80, 83, 55	`rgb(80,83,55)`
RGB Percent	31.4, 32.5, 21.6	`rgb(31.4%,32.5%,21.6%)`
CMYK	4, 0, 34, 67
HSL	66.4°, 20.3, 27.1	`hsl(66.4,20.3%,27.1%)`
HSV (or HSB)	66.4°, 33.7, 32.5
Web Safe	666633	`#666633`

CIE-LAB	34.33, -6.452, 16.04
XYZ	7.091, 8.168, 4.817
xyY	0.353, 0.407, 8.168
CIE-LCH	34.33, 17.289, 111.914
CIE-LUV	34.33, -0.424, 18.718
Hunter-Lab	28.579, -5.726, 10.012
Binary	01010000, 01010011, 00110111

#505337
```
#505337 rgb(80,83,55)
```
#3a3753
```
#3a3753 rgb(58,55,83)
```

Complementary Color

#534837
```
#534837 rgb(83,72,55)
```
#505337
```
#505337 rgb(80,83,55)
```
#425337
```
#425337 rgb(66,83,55)
```

Analogous Color

#483753
```
#483753 rgb(72,55,83)
```
#505337
```
#505337 rgb(80,83,55)
```
#374253
```
#374253 rgb(55,66,83)
```

Split Complementary Color

#533750
```
#533750 rgb(83,55,80)
```
#505337
```
#505337 rgb(80,83,55)
```
#375053
```
#375053 rgb(55,80,83)
```

Triadic Color

#533a37
```
#533a37 rgb(83,58,55)
```
#505337
```
#505337 rgb(80,83,55)
```
#375053
```
#375053 rgb(55,80,83)
```
#3a3753
```
#3a3753 rgb(58,55,83)
```

Tetradic Color

#242519
```
#242519 rgb(36,37,25)
```
#323423
```
#323423 rgb(50,52,35)
```
#41442d
```
#41442d rgb(65,68,45)
```
#505337
```
#505337 rgb(80,83,55)
```
#5f6241
```
#5f6241 rgb(95,98,65)
```
#6e724b
```
#6e724b rgb(110,114,75)
```
#7c8155
```
#7c8155 rgb(124,129,85)
```

Monochromatic Color

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

#534f37
```
#534f37 rgb(83,79,55)
```
#535137
```
#535137 rgb(83,81,55)
```
#525337
```
#525337 rgb(82,83,55)
```
#505337
```
#505337 rgb(80,83,55)
```
#4e5337
```
#4e5337 rgb(78,83,55)
```
#4b5337
```
#4b5337 rgb(75,83,55)
```
#495337
```
#495337 rgb(73,83,55)
```

Similar Colors

Text with hexadecimal color #505337

This text has a font color of #505337.

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

#505337 background color

This paragraph has a background color of #505337.

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

#505337 border color

This element has a border color of #505337.

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

CSS codes

.text {color:#505337;}

.background {background-color:#505337;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0c08
```
#0c0c08 rgb(12,12,8)
```
#171810
```
#171810 rgb(23,24,16)
```
#232418
```
#232418 rgb(35,36,24)
```
#2e3020
```
#2e3020 rgb(46,48,32)
```
#393b27
```
#393b27 rgb(57,59,39)
```
#45472f
```
#45472f rgb(69,71,47)
```
#505337
```
#505337 rgb(80,83,55)
```
#5b5f3f
```
#5b5f3f rgb(91,95,63)
```
#676b47
```
#676b47 rgb(103,107,71)
```
#72764e
```
#72764e rgb(114,118,78)
```
#7d8256
```
#7d8256 rgb(125,130,86)
```
#898e5e
```
#898e5e rgb(137,142,94)
```

Shade Color Variation

#949a66
```
#949a66 rgb(148,154,102)
```
#9ca172
```
#9ca172 rgb(156,161,114)
```
#a5a97e
```
#a5a97e rgb(165,169,126)
```
#adb189
```
#adb189 rgb(173,177,137)
```
#b5b995
```
#b5b995 rgb(181,185,149)
```
#bdc1a1
```
#bdc1a1 rgb(189,193,161)
```
#c6c9ad
```
#c6c9ad rgb(198,201,173)
```
#ced0b9
```
#ced0b9 rgb(206,208,185)
```
#d6d8c4
```
#d6d8c4 rgb(214,216,196)
```
#dee0d0
```
#dee0d0 rgb(222,224,208)
```
#e7e8dc
```
#e7e8dc rgb(231,232,220)
```
#eff0e8
```
#eff0e8 rgb(239,240,232)
```
#f7f7f4
```
#f7f7f4 rgb(247,247,244)
```

Tint Color Variation

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

#484842
```
#484842 rgb(72,72,66)
```
#4c4e3c
```
#4c4e3c rgb(76,78,60)
```
#505337
```
#505337 rgb(80,83,55)
```
#545832
```
#545832 rgb(84,88,50)
```
#585e2c
```
#585e2c rgb(88,94,44)
```
#5d6327
```
#5d6327 rgb(93,99,39)
```
#616822
```
#616822 rgb(97,104,34)
```
#656e1c
```
#656e1c rgb(101,110,28)
```
#697317
```
#697317 rgb(105,115,23)
```
#6d7812
```
#6d7812 rgb(109,120,18)
```
#717d0d
```
#717d0d rgb(113,125,13)
```
#768307
```
#768307 rgb(118,131,7)
```
#7a8802
```
#7a8802 rgb(122,136,2)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4f504a Atypical Achromatopsia 0.001% of the population

Dichromacy

#605940 Protanopia 1% of men
#695643 Deuteranopia 1% of men
#5d585e Tritanopia 0.001% of the population

Trichromacy

#5a573d Protanomaly 1% of men, 0.01% of women
#60553e Deuteranomaly 6% of men, 0.4% of women
#585650 Tritanomaly 0.01% of the population

#505337 hex color

#505337 Color Information

#505337 Color Conversion

Color Schemes with #505337

Alternatives to #505337

#505337 Preview

Shades and Tints of #505337

Tones of #505337

Color Blindness Simulator