#4d5348 hex color

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

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

● #4d5348 color description : Very dark grayish green.

The hexadecimal color #4d5348 has RGB values of R:77, G:83, B:72 and CMYK values of C:0.07, M:0, Y:0.13, K:0.67. Its decimal value is 5067592.

Hex triplet	4d5348	`#4d5348`
RGB Decimal	77, 83, 72	`rgb(77,83,72)`
RGB Percent	30.2, 32.5, 28.2	`rgb(30.2%,32.5%,28.2%)`
CMYK	7, 0, 13, 67
HSL	92.7°, 7.1, 30.4	`hsl(92.7,7.1%,30.4%)`
HSV (or HSB)	92.7°, 13.3, 32.5
Web Safe	666633	`#666633`

CIE-LAB	34.462, -4.746, 5.629
XYZ	7.323, 8.232, 7.334
xyY	0.32, 0.36, 8.232
CIE-LCH	34.462, 7.363, 130.135
CIE-LUV	34.462, -2.75, 7.401
Hunter-Lab	28.692, -4.65, 4.929
Binary	01001101, 01010011, 01001000

#4d5348
```
#4d5348 rgb(77,83,72)
```
#4e4853
```
#4e4853 rgb(78,72,83)
```

Complementary Color

#535348
```
#535348 rgb(83,83,72)
```
#4d5348
```
#4d5348 rgb(77,83,72)
```
#485349
```
#485349 rgb(72,83,73)
```

Analogous Color

#534853
```
#534853 rgb(83,72,83)
```
#4d5348
```
#4d5348 rgb(77,83,72)
```
#494853
```
#494853 rgb(73,72,83)
```

Split Complementary Color

#53484d
```
#53484d rgb(83,72,77)
```
#4d5348
```
#4d5348 rgb(77,83,72)
```
#484d53
```
#484d53 rgb(72,77,83)
```

Triadic Color

#534e48
```
#534e48 rgb(83,78,72)
```
#4d5348
```
#4d5348 rgb(77,83,72)
```
#484d53
```
#484d53 rgb(72,77,83)
```
#4e4853
```
#4e4853 rgb(78,72,83)
```

Tetradic Color

#272a24
```
#272a24 rgb(39,42,36)
```
#343830
```
#343830 rgb(52,56,48)
```
#40453c
```
#40453c rgb(64,69,60)
```
#4d5348
```
#4d5348 rgb(77,83,72)
```
#5a6154
```
#5a6154 rgb(90,97,84)
```
#666e60
```
#666e60 rgb(102,110,96)
```
#737c6c
```
#737c6c rgb(115,124,108)
```

Monochromatic Color

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

#505348
```
#505348 rgb(80,83,72)
```
#4f5348
```
#4f5348 rgb(79,83,72)
```
#4e5348
```
#4e5348 rgb(78,83,72)
```
#4d5348
```
#4d5348 rgb(77,83,72)
```
#4c5348
```
#4c5348 rgb(76,83,72)
```
#4b5348
```
#4b5348 rgb(75,83,72)
```
#4a5348
```
#4a5348 rgb(74,83,72)
```

Similar Colors

Text with hexadecimal color #4d5348

This text has a font color of #4d5348.

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

#4d5348 background color

This paragraph has a background color of #4d5348.

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

#4d5348 border color

This element has a border color of #4d5348.

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

CSS codes

.text {color:#4d5348;}

.background {background-color:#4d5348;}

.border {border:1px solid #4d5348;}

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)
```
#1c1e1a
```
#1c1e1a rgb(28,30,26)
```
#262924
```
#262924 rgb(38,41,36)
```
#30332d
```
#30332d rgb(48,51,45)
```
#3a3e36
```
#3a3e36 rgb(58,62,54)
```
#43483f
```
#43483f rgb(67,72,63)
```
#4d5348
```
#4d5348 rgb(77,83,72)
```
#575e51
```
#575e51 rgb(87,94,81)
```
#60685a
```
#60685a rgb(96,104,90)
```
#6a7363
```
#6a7363 rgb(106,115,99)
```
#747d6c
```
#747d6c rgb(116,125,108)
```
#7e8876
```
#7e8876 rgb(126,136,118)
```

Shade Color Variation

#889180
```
#889180 rgb(136,145,128)
```
#919a8a
```
#919a8a rgb(145,154,138)
```
#9ba395
```
#9ba395 rgb(155,163,149)
```
#a5ac9f
```
#a5ac9f rgb(165,172,159)
```
#afb5aa
```
#afb5aa rgb(175,181,170)
```
#b9beb4
```
#b9beb4 rgb(185,190,180)
```
#c3c7bf
```
#c3c7bf rgb(195,199,191)
```
#cdd1c9
```
#cdd1c9 rgb(205,209,201)
```
#d7dad4
```
#d7dad4 rgb(215,218,212)
```
#e0e3de
```
#e0e3de rgb(224,227,222)
```
#eaece9
```
#eaece9 rgb(234,236,233)
```
#f4f5f3
```
#f4f5f3 rgb(244,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, #4d5348 is the less saturated color, while #469b00 is the most saturated one.

#4d5348
```
#4d5348 rgb(77,83,72)
```
#4c5942
```
#4c5942 rgb(76,89,66)
```
#4c5f3c
```
#4c5f3c rgb(76,95,60)
```
#4b6536
```
#4b6536 rgb(75,101,54)
```
#4b6b30
```
#4b6b30 rgb(75,107,48)
```
#4a712a
```
#4a712a rgb(74,113,42)
```
#4a7724
```
#4a7724 rgb(74,119,36)
```
#497d1e
```
#497d1e rgb(73,125,30)
```
#498318
```
#498318 rgb(73,131,24)
```
#488912
```
#488912 rgb(72,137,18)
```
#488f0c
```
#488f0c rgb(72,143,12)
```
#479506
```
#479506 rgb(71,149,6)
```
#469b00
```
#469b00 rgb(70,155,0)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4f514e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5950 Protanopia 1% of men
#655753 Deuteranopia 1% of men
#585960 Tritanopia 0.001% of the population

Trichromacy

#57574d Protanomaly 1% of men, 0.01% of women
#5c554f Deuteranomaly 6% of men, 0.4% of women
#545757 Tritanomaly 0.01% of the population

#4d5348 hex color

#4d5348 Color Information

#4d5348 Color Conversion

Color Schemes with #4d5348

Alternatives to #4d5348

#4d5348 Preview

Shades and Tints of #4d5348

Tones of #4d5348

Color Blindness Simulator