#505048 hex color

In a RGB color space, hex #505048 is composed of 31.4% red, 31.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 10% yellow and 68.6% black. It has a hue angle of 60 degrees, a saturation of 5.3% and a lightness of 29.8%. #505048 color hex could be obtained by blending #a0a090 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 31
- B 28
RGB color chart
- C 0
- M 0
- Y 10
- K 69
CMYK color chart

● #505048 color description : Very dark grayish yellow.

The hexadecimal color #505048 has RGB values of R:80, G:80, B:72 and CMYK values of C:0, M:0, Y:0.1, K:0.69. Its decimal value is 5263432.

Hex triplet	505048	`#505048`
RGB Decimal	80, 80, 72	`rgb(80,80,72)`
RGB Percent	31.4, 31.4, 28.2	`rgb(31.4%,31.4%,28.2%)`
CMYK	0, 0, 10, 69
HSL	60°, 5.3, 29.8	`hsl(60,5.3%,29.8%)`
HSV (or HSB)	60°, 10, 31.4
Web Safe	666633	`#666633`

CIE-LAB	33.796, -1.654, 4.716
XYZ	7.346, 7.911, 7.27
xyY	0.326, 0.351, 7.911
CIE-LCH	33.796, 4.998, 109.323
CIE-LUV	33.796, 0.42, 5.848
Hunter-Lab	28.126, -2.597, 4.362
Binary	01010000, 01010000, 01001000

#505048
```
#505048 rgb(80,80,72)
```
#484850
```
#484850 rgb(72,72,80)
```

Complementary Color

#504c48
```
#504c48 rgb(80,76,72)
```
#505048
```
#505048 rgb(80,80,72)
```
#4c5048
```
#4c5048 rgb(76,80,72)
```

Analogous Color

#4c4850
```
#4c4850 rgb(76,72,80)
```
#505048
```
#505048 rgb(80,80,72)
```
#484c50
```
#484c50 rgb(72,76,80)
```

Split Complementary Color

#504850
```
#504850 rgb(80,72,80)
```
#505048
```
#505048 rgb(80,80,72)
```
#485050
```
#485050 rgb(72,80,80)
```

Triadic Color

#504848
```
#504848 rgb(80,72,72)
```
#505048
```
#505048 rgb(80,80,72)
```
#485050
```
#485050 rgb(72,80,80)
```
#484850
```
#484850 rgb(72,72,80)
```

Tetradic Color

#282824
```
#282824 rgb(40,40,36)
```
#353530
```
#353530 rgb(53,53,48)
```
#43433c
```
#43433c rgb(67,67,60)
```
#505048
```
#505048 rgb(80,80,72)
```
#5d5d54
```
#5d5d54 rgb(93,93,84)
```
#6b6b60
```
#6b6b60 rgb(107,107,96)
```
#78786c
```
#78786c rgb(120,120,108)
```

Monochromatic Color

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

#504e48
```
#504e48 rgb(80,78,72)
```
#504f48
```
#504f48 rgb(80,79,72)
```
#504f48
```
#504f48 rgb(80,79,72)
```
#505048
```
#505048 rgb(80,80,72)
```
#4f5048
```
#4f5048 rgb(79,80,72)
```
#4f5048
```
#4f5048 rgb(79,80,72)
```
#4e5048
```
#4e5048 rgb(78,80,72)
```

Similar Colors

Text with hexadecimal color #505048

This text has a font color of #505048.

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

#505048 background color

This paragraph has a background color of #505048.

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

#505048 border color

This element has a border color of #505048.

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

CSS codes

.text {color:#505048;}

.background {background-color:#505048;}

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

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

#080807
```
#080807 rgb(8,8,7)
```
#121210
```
#121210 rgb(18,18,16)
```
#1c1c1a
```
#1c1c1a rgb(28,28,26)
```
#272723
```
#272723 rgb(39,39,35)
```
#31312c
```
#31312c rgb(49,49,44)
```
#3b3b35
```
#3b3b35 rgb(59,59,53)
```
#46463f
```
#46463f rgb(70,70,63)
```
#505048
```
#505048 rgb(80,80,72)
```
#5a5a51
```
#5a5a51 rgb(90,90,81)
```
#65655b
```
#65655b rgb(101,101,91)
```
#6f6f64
```
#6f6f64 rgb(111,111,100)
```
#79796d
```
#79796d rgb(121,121,109)
```
#848476
```
#848476 rgb(132,132,118)
```

Shade Color Variation

#8d8d81
```
#8d8d81 rgb(141,141,129)
```
#96968b
```
#96968b rgb(150,150,139)
```
#a0a095
```
#a0a095 rgb(160,160,149)
```
#a9a99f
```
#a9a99f rgb(169,169,159)
```
#b2b2aa
```
#b2b2aa rgb(178,178,170)
```
#bcbcb4
```
#bcbcb4 rgb(188,188,180)
```
#c5c5be
```
#c5c5be rgb(197,197,190)
```
#cecec9
```
#cecec9 rgb(206,206,201)
```
#d8d8d3
```
#d8d8d3 rgb(216,216,211)
```
#e1e1dd
```
#e1e1dd rgb(225,225,221)
```
#eaeae8
```
#eaeae8 rgb(234,234,232)
```
#f3f3f2
```
#f3f3f2 rgb(243,243,242)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#505048
```
#505048 rgb(80,80,72)
```
#565642
```
#565642 rgb(86,86,66)
```
#5c5c3c
```
#5c5c3c rgb(92,92,60)
```
#626236
```
#626236 rgb(98,98,54)
```
#676731
```
#676731 rgb(103,103,49)
```
#6d6d2b
```
#6d6d2b rgb(109,109,43)
```
#737325
```
#737325 rgb(115,115,37)
```
#79791f
```
#79791f rgb(121,121,31)
```
#7f7f19
```
#7f7f19 rgb(127,127,25)
```
#858513
```
#858513 rgb(133,133,19)
```
#8a8a0e
```
#8a8a0e rgb(138,138,14)
```
#909008
```
#909008 rgb(144,144,8)
```
#969602
```
#969602 rgb(150,150,2)
```

Tone Color Variation

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

Dichromacy

#5b5851 Protanopia 1% of men
#635552 Deuteranopia 1% of men
#5b575d Tritanopia 0.001% of the population

Trichromacy

#57554d Protanomaly 1% of men, 0.01% of women
#5c534e Deuteranomaly 6% of men, 0.4% of women
#575455 Tritanomaly 0.01% of the population

#505048 hex color

#505048 Color Information

#505048 Color Conversion

Color Schemes with #505048

Alternatives to #505048

#505048 Preview

Shades and Tints of #505048

Tones of #505048

Color Blindness Simulator