#504f48 hex color

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

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

● #504f48 color description : Very dark grayish yellow.

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

Hex triplet	504f48	`#504f48`
RGB Decimal	80, 79, 72	`rgb(80,79,72)`
RGB Percent	31.4, 31, 28.2	`rgb(31.4%,31%,28.2%)`
CMYK	0, 1, 10, 69
HSL	52.5°, 5.3, 29.8	`hsl(52.5,5.3%,29.8%)`
HSV (or HSB)	52.5°, 10, 31.4
Web Safe	666633	`#666633`

CIE-LAB	33.489, -1.036, 4.278
XYZ	7.274, 7.765, 7.246
xyY	0.326, 0.348, 7.765
CIE-LCH	33.489, 4.401, 103.611
CIE-LUV	33.489, 0.93, 5.233
Hunter-Lab	27.866, -2.174, 4.089
Binary	01010000, 01001111, 01001000

#504f48
```
#504f48 rgb(80,79,72)
```
#484950
```
#484950 rgb(72,73,80)
```

Complementary Color

#504b48
```
#504b48 rgb(80,75,72)
```
#504f48
```
#504f48 rgb(80,79,72)
```
#4d5048
```
#4d5048 rgb(77,80,72)
```

Analogous Color

#4b4850
```
#4b4850 rgb(75,72,80)
```
#504f48
```
#504f48 rgb(80,79,72)
```
#484d50
```
#484d50 rgb(72,77,80)
```

Split Complementary Color

#4f4850
```
#4f4850 rgb(79,72,80)
```
#504f48
```
#504f48 rgb(80,79,72)
```
#48504f
```
#48504f rgb(72,80,79)
```

Triadic Color

#504849
```
#504849 rgb(80,72,73)
```
#504f48
```
#504f48 rgb(80,79,72)
```
#48504f
```
#48504f rgb(72,80,79)
```
#484950
```
#484950 rgb(72,73,80)
```

Tetradic Color

#282724
```
#282724 rgb(40,39,36)
```
#353430
```
#353430 rgb(53,52,48)
```
#43423c
```
#43423c rgb(67,66,60)
```
#504f48
```
#504f48 rgb(80,79,72)
```
#5d5c54
```
#5d5c54 rgb(93,92,84)
```
#6b6a60
```
#6b6a60 rgb(107,106,96)
```
#78776c
```
#78776c rgb(120,119,108)
```

Monochromatic Color

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

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

Similar Colors

Text with hexadecimal color #504f48

This text has a font color of #504f48.

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

#504f48 background color

This paragraph has a background color of #504f48.

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

#504f48 border color

This element has a border color of #504f48.

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

CSS codes

.text {color:#504f48;}

.background {background-color:#504f48;}

.border {border:1px solid #504f48;}

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)
```
#272623
```
#272623 rgb(39,38,35)
```
#31302c
```
#31302c rgb(49,48,44)
```
#3b3b35
```
#3b3b35 rgb(59,59,53)
```
#46453f
```
#46453f rgb(70,69,63)
```
#504f48
```
#504f48 rgb(80,79,72)
```
#5a5951
```
#5a5951 rgb(90,89,81)
```
#65635b
```
#65635b rgb(101,99,91)
```
#6f6e64
```
#6f6e64 rgb(111,110,100)
```
#79786d
```
#79786d rgb(121,120,109)
```
#848276
```
#848276 rgb(132,130,118)
```

Shade Color Variation

#8d8c81
```
#8d8c81 rgb(141,140,129)
```
#96958b
```
#96958b rgb(150,149,139)
```
#a09e95
```
#a09e95 rgb(160,158,149)
```
#a9a89f
```
#a9a89f rgb(169,168,159)
```
#b2b1aa
```
#b2b1aa rgb(178,177,170)
```
#bcbbb4
```
#bcbbb4 rgb(188,187,180)
```
#c5c4be
```
#c5c4be rgb(197,196,190)
```
#cecec9
```
#cecec9 rgb(206,206,201)
```
#d8d7d3
```
#d8d7d3 rgb(216,215,211)
```
#e1e0dd
```
#e1e0dd rgb(225,224,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, #504f48 is the less saturated color, while #968402 is the most saturated one.

#504f48
```
#504f48 rgb(80,79,72)
```
#565342
```
#565342 rgb(86,83,66)
```
#5c583c
```
#5c583c rgb(92,88,60)
```
#625c36
```
#625c36 rgb(98,92,54)
```
#676131
```
#676131 rgb(103,97,49)
```
#6d652b
```
#6d652b rgb(109,101,43)
```
#736925
```
#736925 rgb(115,105,37)
```
#796e1f
```
#796e1f rgb(121,110,31)
```
#7f7219
```
#7f7219 rgb(127,114,25)
```
#857613
```
#857613 rgb(133,118,19)
```
#8a7b0e
```
#8a7b0e rgb(138,123,14)
```
#907f08
```
#907f08 rgb(144,127,8)
```
#968402
```
#968402 rgb(150,132,2)
```

Tone Color Variation

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

#5b5751 Protanopia 1% of men
#625552 Deuteranopia 1% of men
#5a565c Tritanopia 0.001% of the population

Trichromacy

#57544d Protanomaly 1% of men, 0.01% of women
#5b524e Deuteranomaly 6% of men, 0.4% of women
#565355 Tritanomaly 0.01% of the population

#504f48 hex color

#504f48 Color Information

#504f48 Color Conversion

Color Schemes with #504f48

Alternatives to #504f48

#504f48 Preview

Shades and Tints of #504f48

Tones of #504f48

Color Blindness Simulator