#504348 hex color

In a RGB color space, hex #504348 is composed of 31.4% red, 26.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.3% magenta, 10% yellow and 68.6% black. It has a hue angle of 336.9 degrees, a saturation of 8.8% and a lightness of 28.8%. #504348 color hex could be obtained by blending #a08690 with #000000. Closest websafe color is: #663333.

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

● #504348 color description : Very dark grayish pink.

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

Hex triplet	504348	`#504348`
RGB Decimal	80, 67, 72	`rgb(80,67,72)`
RGB Percent	31.4, 26.3, 28.2	`rgb(31.4%,26.3%,28.2%)`
CMYK	0, 16, 10, 69
HSL	336.9°, 8.8, 28.8	`hsl(336.9,8.8%,28.8%)`
HSV (or HSB)	336.9°, 16.3, 31.4
Web Safe	663333	`#663333`

CIE-LAB	29.881, 6.547, -0.951
XYZ	6.485, 6.188, 6.983
xyY	0.33, 0.315, 6.188
CIE-LCH	29.881, 6.616, 351.738
CIE-LUV	29.881, 6.943, -2.029
Hunter-Lab	24.875, 3.003, 0.768
Binary	01010000, 01000011, 01001000

#504348
```
#504348 rgb(80,67,72)
```
#43504b
```
#43504b rgb(67,80,75)
```

Complementary Color

#50434f
```
#50434f rgb(80,67,79)
```
#504348
```
#504348 rgb(80,67,72)
```
#504543
```
#504543 rgb(80,69,67)
```

Analogous Color

#434f50
```
#434f50 rgb(67,79,80)
```
#504348
```
#504348 rgb(80,67,72)
```
#435045
```
#435045 rgb(67,80,69)
```

Split Complementary Color

#434850
```
#434850 rgb(67,72,80)
```
#504348
```
#504348 rgb(80,67,72)
```
#485043
```
#485043 rgb(72,80,67)
```

Triadic Color

#4b4350
```
#4b4350 rgb(75,67,80)
```
#504348
```
#504348 rgb(80,67,72)
```
#485043
```
#485043 rgb(72,80,67)
```
#43504b
```
#43504b rgb(67,80,75)
```

Tetradic Color

#262023
```
#262023 rgb(38,32,35)
```
#342c2f
```
#342c2f rgb(52,44,47)
```
#42373c
```
#42373c rgb(66,55,60)
```
#504348
```
#504348 rgb(80,67,72)
```
#5e4f54
```
#5e4f54 rgb(94,79,84)
```
#6c5a61
```
#6c5a61 rgb(108,90,97)
```
#7a666d
```
#7a666d rgb(122,102,109)
```

Monochromatic Color

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

#50434b
```
#50434b rgb(80,67,75)
```
#50434a
```
#50434a rgb(80,67,74)
```
#504349
```
#504349 rgb(80,67,73)
```
#504348
```
#504348 rgb(80,67,72)
```
#504347
```
#504347 rgb(80,67,71)
```
#504346
```
#504346 rgb(80,67,70)
```
#504345
```
#504345 rgb(80,67,69)
```

Similar Colors

Text with hexadecimal color #504348

This text has a font color of #504348.

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

#504348 background color

This paragraph has a background color of #504348.

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

#504348 border color

This element has a border color of #504348.

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

CSS codes

.text {color:#504348;}

.background {background-color:#504348;}

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

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

#050405
```
#050405 rgb(5,4,5)
```
#100d0e
```
#100d0e rgb(16,13,14)
```
#1b1618
```
#1b1618 rgb(27,22,24)
```
#251f22
```
#251f22 rgb(37,31,34)
```
#30282b
```
#30282b rgb(48,40,43)
```
#3b3135
```
#3b3135 rgb(59,49,53)
```
#453a3e
```
#453a3e rgb(69,58,62)
```
#504348
```
#504348 rgb(80,67,72)
```
#5b4c52
```
#5b4c52 rgb(91,76,82)
```
#65555b
```
#65555b rgb(101,85,91)
```
#705e65
```
#705e65 rgb(112,94,101)
```
#7b676e
```
#7b676e rgb(123,103,110)
```
#857078
```
#857078 rgb(133,112,120)
```

Shade Color Variation

#8f7982
```
#8f7982 rgb(143,121,130)
```
#98848c
```
#98848c rgb(152,132,140)
```
#a18f96
```
#a18f96 rgb(161,143,150)
```
#aa9aa0
```
#aa9aa0 rgb(170,154,160)
```
#b3a4aa
```
#b3a4aa rgb(179,164,170)
```
#bcafb4
```
#bcafb4 rgb(188,175,180)
```
#c5babe
```
#c5babe rgb(197,186,190)
```
#cec4c8
```
#cec4c8 rgb(206,196,200)
```
#d7cfd2
```
#d7cfd2 rgb(215,207,210)
```
#e0dadc
```
#e0dadc rgb(224,218,220)
```
#e9e4e6
```
#e9e4e6 rgb(233,228,230)
```
#f2eff0
```
#f2eff0 rgb(242,239,240)
```
#fafafa
```
#fafafa rgb(250,250,250)
```

Tint Color Variation

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

#4a4949
```
#4a4949 rgb(74,73,73)
```
#504348
```
#504348 rgb(80,67,72)
```
#563d47
```
#563d47 rgb(86,61,71)
```
#5b3845
```
#5b3845 rgb(91,56,69)
```
#613244
```
#613244 rgb(97,50,68)
```
#672c43
```
#672c43 rgb(103,44,67)
```
#6c2741
```
#6c2741 rgb(108,39,65)
```
#722140
```
#722140 rgb(114,33,64)
```
#781b3f
```
#781b3f rgb(120,27,63)
```
#7d163e
```
#7d163e rgb(125,22,62)
```
#83103c
```
#83103c rgb(131,16,60)
```
#890a3b
```
#890a3b rgb(137,10,59)
```
#8e053a
```
#8e053a rgb(142,5,58)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#494647 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504f53 Protanopia 1% of men
#564d51 Deuteranopia 1% of men
#594c52 Tritanopia 0.001% of the population

Trichromacy

#504a4f Protanomaly 1% of men, 0.01% of women
#54494d Deuteranomaly 6% of men, 0.4% of women
#55494e Tritanomaly 0.01% of the population

#504348 hex color

#504348 Color Information

#504348 Color Conversion

Color Schemes with #504348

Alternatives to #504348

#504348 Preview

Shades and Tints of #504348

Tones of #504348

Color Blindness Simulator