#505348 hex color

In a RGB color space, hex #505348 is composed of 31.4% red, 32.5% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 3.6% cyan, 0% magenta, 13.3% yellow and 67.5% black. It has a hue angle of 76.4 degrees, a saturation of 7.1% and a lightness of 30.4%. #505348 color hex could be obtained by blending #a0a690 with #000000. Closest websafe color is: #666633.

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

● #505348 color description : Very dark grayish green.

The hexadecimal color #505348 has RGB values of R:80, G:83, B:72 and CMYK values of C:0.04, M:0, Y:0.13, K:0.67. Its decimal value is 5264200.

Hex triplet	505348	`#505348`
RGB Decimal	80, 83, 72	`rgb(80,83,72)`
RGB Percent	31.4, 32.5, 28.2	`rgb(31.4%,32.5%,28.2%)`
CMYK	4, 0, 13, 67
HSL	76.4°, 7.1, 30.4	`hsl(76.4,7.1%,30.4%)`
HSV (or HSB)	76.4°, 13.3, 32.5
Web Safe	666633	`#666633`

CIE-LAB	34.721, -3.493, 6.034
XYZ	7.571, 8.36, 7.345
xyY	0.325, 0.359, 8.36
CIE-LCH	34.721, 6.972, 120.066
CIE-LUV	34.721, -1.113, 7.7
Hunter-Lab	28.913, -3.858, 5.177
Binary	01010000, 01010011, 01001000

#505348
```
#505348 rgb(80,83,72)
```
#4b4853
```
#4b4853 rgb(75,72,83)
```

Complementary Color

#535148
```
#535148 rgb(83,81,72)
```
#505348
```
#505348 rgb(80,83,72)
```
#4b5348
```
#4b5348 rgb(75,83,72)
```

Analogous Color

#514853
```
#514853 rgb(81,72,83)
```
#505348
```
#505348 rgb(80,83,72)
```
#484b53
```
#484b53 rgb(72,75,83)
```

Split Complementary Color

#534850
```
#534850 rgb(83,72,80)
```
#505348
```
#505348 rgb(80,83,72)
```
#485053
```
#485053 rgb(72,80,83)
```

Triadic Color

#534b48
```
#534b48 rgb(83,75,72)
```
#505348
```
#505348 rgb(80,83,72)
```
#485053
```
#485053 rgb(72,80,83)
```
#4b4853
```
#4b4853 rgb(75,72,83)
```

Tetradic Color

#292a24
```
#292a24 rgb(41,42,36)
```
#363830
```
#363830 rgb(54,56,48)
```
#43453c
```
#43453c rgb(67,69,60)
```
#505348
```
#505348 rgb(80,83,72)
```
#5d6154
```
#5d6154 rgb(93,97,84)
```
#6a6e60
```
#6a6e60 rgb(106,110,96)
```
#777c6c
```
#777c6c rgb(119,124,108)
```

Monochromatic Color

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

#535348
```
#535348 rgb(83,83,72)
```
#525348
```
#525348 rgb(82,83,72)
```
#515348
```
#515348 rgb(81,83,72)
```
#505348
```
#505348 rgb(80,83,72)
```
#4f5348
```
#4f5348 rgb(79,83,72)
```
#4e5348
```
#4e5348 rgb(78,83,72)
```
#4d5348
```
#4d5348 rgb(77,83,72)
```

Similar Colors

Text with hexadecimal color #505348

This text has a font color of #505348.

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

#505348 background color

This paragraph has a background color of #505348.

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

#505348 border color

This element has a border color of #505348.

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

CSS codes

.text {color:#505348;}

.background {background-color:#505348;}

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

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

#090908
```
#090908 rgb(9,9,8)
```
#131411
```
#131411 rgb(19,20,17)
```
#1d1e1a
```
#1d1e1a rgb(29,30,26)
```
#282924
```
#282924 rgb(40,41,36)
```
#32332d
```
#32332d rgb(50,51,45)
```
#3c3e36
```
#3c3e36 rgb(60,62,54)
```
#46483f
```
#46483f rgb(70,72,63)
```
#505348
```
#505348 rgb(80,83,72)
```
#5a5e51
```
#5a5e51 rgb(90,94,81)
```
#64685a
```
#64685a rgb(100,104,90)
```
#6e7363
```
#6e7363 rgb(110,115,99)
```
#787d6c
```
#787d6c rgb(120,125,108)
```
#838876
```
#838876 rgb(131,136,118)
```

Shade Color Variation

#8c9180
```
#8c9180 rgb(140,145,128)
```
#969a8a
```
#969a8a rgb(150,154,138)
```
#9fa395
```
#9fa395 rgb(159,163,149)
```
#a9ac9f
```
#a9ac9f rgb(169,172,159)
```
#b2b5aa
```
#b2b5aa rgb(178,181,170)
```
#bcbeb4
```
#bcbeb4 rgb(188,190,180)
```
#c5c7bf
```
#c5c7bf rgb(197,199,191)
```
#cfd1c9
```
#cfd1c9 rgb(207,209,201)
```
#d8dad4
```
#d8dad4 rgb(216,218,212)
```
#e2e3de
```
#e2e3de rgb(226,227,222)
```
#ebece9
```
#ebece9 rgb(235,236,233)
```
#f5f5f3
```
#f5f5f3 rgb(245,245,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#505348
```
#505348 rgb(80,83,72)
```
#535942
```
#535942 rgb(83,89,66)
```
#555f3c
```
#555f3c rgb(85,95,60)
```
#586536
```
#586536 rgb(88,101,54)
```
#5b6b30
```
#5b6b30 rgb(91,107,48)
```
#5e712a
```
#5e712a rgb(94,113,42)
```
#607724
```
#607724 rgb(96,119,36)
```
#637d1e
```
#637d1e rgb(99,125,30)
```
#668318
```
#668318 rgb(102,131,24)
```
#688912
```
#688912 rgb(104,137,18)
```
#6b8f0c
```
#6b8f0c rgb(107,143,12)
```
#6e9506
```
#6e9506 rgb(110,149,6)
```
#719b00
```
#719b00 rgb(113,155,0)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#51514f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5a50 Protanopia 1% of men
#665752 Deuteranopia 1% of men
#5b5960 Tritanopia 0.001% of the population

Trichromacy

#59574d Protanomaly 1% of men, 0.01% of women
#5e554e Deuteranomaly 6% of men, 0.4% of women
#575757 Tritanomaly 0.01% of the population

#505348 hex color

#505348 Color Information

#505348 Color Conversion

Color Schemes with #505348

Alternatives to #505348

#505348 Preview

Shades and Tints of #505348

Tones of #505348

Color Blindness Simulator