#4d5f74 hex color

In a RGB color space, hex #4d5f74 is composed of 30.2% red, 37.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 18.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 212.3 degrees, a saturation of 20.2% and a lightness of 37.8%. #4d5f74 color hex could be obtained by blending #9abee8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 30
- G 37
- B 45
RGB color chart
- C 34
- M 18
- Y 0
- K 55
CMYK color chart

● #4d5f74 color description : Mostly desaturated dark blue.

The hexadecimal color #4d5f74 has RGB values of R:77, G:95, B:116 and CMYK values of C:0.34, M:0.18, Y:0, K:0.55. Its decimal value is 5070708.

Hex triplet	4d5f74	`#4d5f74`
RGB Decimal	77, 95, 116	`rgb(77,95,116)`
RGB Percent	30.2, 37.3, 45.5	`rgb(30.2%,37.3%,45.5%)`
CMYK	34, 18, 0, 55
HSL	212.3°, 20.2, 37.8	`hsl(212.3,20.2%,37.8%)`
HSV (or HSB)	212.3°, 33.6, 45.5
Web Safe	666666	`#666666`

CIE-LAB	39.619, -1.322, -14.088
XYZ	10.304, 11.023, 18.107
xyY	0.261, 0.28, 11.023
CIE-LCH	39.619, 14.15, 264.638
CIE-LUV	39.619, -9.583, -19.029
Hunter-Lab	33.201, -2.7, -9.095
Binary	01001101, 01011111, 01110100

#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#74624d
```
#74624d rgb(116,98,77)
```

Complementary Color

#4d7374
```
#4d7374 rgb(77,115,116)
```
#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#4f4d74
```
#4f4d74 rgb(79,77,116)
```

Analogous Color

#73744d
```
#73744d rgb(115,116,77)
```
#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#744e4d
```
#744e4d rgb(116,78,77)
```

Split Complementary Color

#5f744d
```
#5f744d rgb(95,116,77)
```
#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#744d5f
```
#744d5f rgb(116,77,95)
```

Triadic Color

#4d7462
```
#4d7462 rgb(77,116,98)
```
#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#744d5f
```
#744d5f rgb(116,77,95)
```
#74624d
```
#74624d rgb(116,98,77)
```

Tetradic Color

#2e3946
```
#2e3946 rgb(46,57,70)
```
#394655
```
#394655 rgb(57,70,85)
```
#435265
```
#435265 rgb(67,82,101)
```
#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#576c83
```
#576c83 rgb(87,108,131)
```
#617893
```
#617893 rgb(97,120,147)
```
#6e859f
```
#6e859f rgb(110,133,159)
```

Monochromatic Color

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

#4d6974
```
#4d6974 rgb(77,105,116)
```
#4d6674
```
#4d6674 rgb(77,102,116)
```
#4d6274
```
#4d6274 rgb(77,98,116)
```
#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#4d5c74
```
#4d5c74 rgb(77,92,116)
```
#4d5974
```
#4d5974 rgb(77,89,116)
```
#4d5574
```
#4d5574 rgb(77,85,116)
```

Similar Colors

Text with hexadecimal color #4d5f74

This text has a font color of #4d5f74.

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

#4d5f74 background color

This paragraph has a background color of #4d5f74.

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

#4d5f74 border color

This element has a border color of #4d5f74.

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

CSS codes

.text {color:#4d5f74;}

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

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

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, #07080a is the darkest color, while #fdfdfe is the lightest one.

#07080a
```
#07080a rgb(7,8,10)
```
#0e1216
```
#0e1216 rgb(14,18,22)
```
#161b21
```
#161b21 rgb(22,27,33)
```
#1e252d
```
#1e252d rgb(30,37,45)
```
#262f39
```
#262f39 rgb(38,47,57)
```
#2e3845
```
#2e3845 rgb(46,56,69)
```
#364251
```
#364251 rgb(54,66,81)
```
#3d4c5c
```
#3d4c5c rgb(61,76,92)
```
#455568
```
#455568 rgb(69,85,104)
```
#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#556980
```
#556980 rgb(85,105,128)
```
#5d728c
```
#5d728c rgb(93,114,140)
```
#647c97
```
#647c97 rgb(100,124,151)
```

Shade Color Variation

#7086a0
```
#7086a0 rgb(112,134,160)
```
#7b90a8
```
#7b90a8 rgb(123,144,168)
```
#879aaf
```
#879aaf rgb(135,154,175)
```
#93a4b7
```
#93a4b7 rgb(147,164,183)
```
#9faebf
```
#9faebf rgb(159,174,191)
```
#abb8c7
```
#abb8c7 rgb(171,184,199)
```
#b6c2cf
```
#b6c2cf rgb(182,194,207)
```
#c2ccd7
```
#c2ccd7 rgb(194,204,215)
```
#ced6de
```
#ced6de rgb(206,214,222)
```
#dae0e6
```
#dae0e6 rgb(218,224,230)
```
#e6e9ee
```
#e6e9ee rgb(230,233,238)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#5c6065
```
#5c6065 rgb(92,96,101)
```
#54606d
```
#54606d rgb(84,96,109)
```
#4d5f74
```
#4d5f74 rgb(77,95,116)
```
#465e7b
```
#465e7b rgb(70,94,123)
```
#3e5e83
```
#3e5e83 rgb(62,94,131)
```
#375d8a
```
#375d8a rgb(55,93,138)
```
#2f5d92
```
#2f5d92 rgb(47,93,146)
```
#285c99
```
#285c99 rgb(40,92,153)
```
#205ca1
```
#205ca1 rgb(32,92,161)
```
#195ba8
```
#195ba8 rgb(25,91,168)
```
#125aaf
```
#125aaf rgb(18,90,175)
```
#0a5ab7
```
#0a5ab7 rgb(10,90,183)
```
#0359be
```
#0359be rgb(3,89,190)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#595d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606479 Protanopia 1% of men
#62637c Deuteranopia 1% of men
#536970 Tritanopia 0.001% of the population

Trichromacy

#596277 Protanomaly 1% of men, 0.01% of women
#5a6279 Deuteranomaly 6% of men, 0.4% of women
#516571 Tritanomaly 0.01% of the population

#4d5f74 hex color

#4d5f74 Color Information

#4d5f74 Color Conversion

Color Schemes with #4d5f74

Alternatives to #4d5f74

#4d5f74 Preview

Shades and Tints of #4d5f74

Tones of #4d5f74

Color Blindness Simulator