#4f676e hex color

In a RGB color space, hex #4f676e is composed of 31% red, 40.4% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 28.2% cyan, 6.4% magenta, 0% yellow and 56.9% black. It has a hue angle of 193.5 degrees, a saturation of 16.4% and a lightness of 37.1%. #4f676e color hex could be obtained by blending #9ecedc with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 40
- B 43
RGB color chart
- C 28
- M 6
- Y 0
- K 57
CMYK color chart

● #4f676e color description : Very dark grayish cyan.

The hexadecimal color #4f676e has RGB values of R:79, G:103, B:110 and CMYK values of C:0.28, M:0.06, Y:0, K:0.57. Its decimal value is 5203822.

Hex triplet	4f676e	`#4f676e`
RGB Decimal	79, 103, 110	`rgb(79,103,110)`
RGB Percent	31, 40.4, 43.1	`rgb(31%,40.4%,43.1%)`
CMYK	28, 6, 0, 57
HSL	193.5°, 16.4, 37.1	`hsl(193.5,16.4%,37.1%)`
HSV (or HSB)	193.5°, 28.2, 43.1
Web Safe	666666	`#666666`

CIE-LAB	41.982, -7.085, -6.848
XYZ	10.889, 12.488, 16.588
xyY	0.272, 0.312, 12.488
CIE-LCH	41.982, 9.854, 224.026
CIE-LUV	41.982, -12.116, -8.235
Hunter-Lab	35.339, -6.843, -3.093
Binary	01001111, 01100111, 01101110

#4f676e
```
#4f676e rgb(79,103,110)
```
#6e564f
```
#6e564f rgb(110,86,79)
```

Complementary Color

#4f6e66
```
#4f6e66 rgb(79,110,102)
```
#4f676e
```
#4f676e rgb(79,103,110)
```
#4f586e
```
#4f586e rgb(79,88,110)
```

Analogous Color

#6e664f
```
#6e664f rgb(110,102,79)
```
#4f676e
```
#4f676e rgb(79,103,110)
```
#6e4f58
```
#6e4f58 rgb(110,79,88)
```

Split Complementary Color

#676e4f
```
#676e4f rgb(103,110,79)
```
#4f676e
```
#4f676e rgb(79,103,110)
```
#6e4f67
```
#6e4f67 rgb(110,79,103)
```

Triadic Color

#4f6e56
```
#4f6e56 rgb(79,110,86)
```
#4f676e
```
#4f676e rgb(79,103,110)
```
#6e4f67
```
#6e4f67 rgb(110,79,103)
```
#6e564f
```
#6e564f rgb(110,86,79)
```

Tetradic Color

#2f3d41
```
#2f3d41 rgb(47,61,65)
```
#3a4b50
```
#3a4b50 rgb(58,75,80)
```
#44595f
```
#44595f rgb(68,89,95)
```
#4f676e
```
#4f676e rgb(79,103,110)
```
#5a757d
```
#5a757d rgb(90,117,125)
```
#64838c
```
#64838c rgb(100,131,140)
```
#719099
```
#719099 rgb(113,144,153)
```

Monochromatic Color

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

#4f6e6d
```
#4f6e6d rgb(79,110,109)
```
#4f6c6e
```
#4f6c6e rgb(79,108,110)
```
#4f6a6e
```
#4f6a6e rgb(79,106,110)
```
#4f676e
```
#4f676e rgb(79,103,110)
```
#4f646e
```
#4f646e rgb(79,100,110)
```
#4f626e
```
#4f626e rgb(79,98,110)
```
#4f5f6e
```
#4f5f6e rgb(79,95,110)
```

Similar Colors

Text with hexadecimal color #4f676e

This text has a font color of #4f676e.

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

#4f676e background color

This paragraph has a background color of #4f676e.

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

#4f676e border color

This element has a border color of #4f676e.

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

CSS codes

.text {color:#4f676e;}

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

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

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

#050707
```
#050707 rgb(5,7,7)
```
#0d1113
```
#0d1113 rgb(13,17,19)
```
#161c1e
```
#161c1e rgb(22,28,30)
```
#1e272a
```
#1e272a rgb(30,39,42)
```
#263235
```
#263235 rgb(38,50,53)
```
#2e3c40
```
#2e3c40 rgb(46,60,64)
```
#36474c
```
#36474c rgb(54,71,76)
```
#3f5257
```
#3f5257 rgb(63,82,87)
```
#475c63
```
#475c63 rgb(71,92,99)
```
#4f676e
```
#4f676e rgb(79,103,110)
```
#577279
```
#577279 rgb(87,114,121)
```
#5f7c85
```
#5f7c85 rgb(95,124,133)
```
#688790
```
#688790 rgb(104,135,144)
```

Shade Color Variation

#72919a
```
#72919a rgb(114,145,154)
```
#7d9aa2
```
#7d9aa2 rgb(125,154,162)
```
#89a2aa
```
#89a2aa rgb(137,162,170)
```
#94abb2
```
#94abb2 rgb(148,171,178)
```
#a0b4ba
```
#a0b4ba rgb(160,180,186)
```
#abbdc3
```
#abbdc3 rgb(171,189,195)
```
#b6c6cb
```
#b6c6cb rgb(182,198,203)
```
#c2cfd3
```
#c2cfd3 rgb(194,207,211)
```
#cdd8db
```
#cdd8db rgb(205,216,219)
```
#d9e1e3
```
#d9e1e3 rgb(217,225,227)
```
#e4eaec
```
#e4eaec rgb(228,234,236)
```
#eff3f4
```
#eff3f4 rgb(239,243,244)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#5e5f5f
```
#5e5f5f rgb(94,95,95)
```
#566367
```
#566367 rgb(86,99,103)
```
#4f676e
```
#4f676e rgb(79,103,110)
```
#486b75
```
#486b75 rgb(72,107,117)
```
#406f7d
```
#406f7d rgb(64,111,125)
```
#397384
```
#397384 rgb(57,115,132)
```
#32778b
```
#32778b rgb(50,119,139)
```
#2b7b92
```
#2b7b92 rgb(43,123,146)
```
#237f9a
```
#237f9a rgb(35,127,154)
```
#1c83a1
```
#1c83a1 rgb(28,131,161)
```
#1587a8
```
#1587a8 rgb(21,135,168)
```
#0e8baf
```
#0e8baf rgb(14,139,175)
```
#068fb7
```
#068fb7 rgb(6,143,183)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5d6264 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6a73 Protanopia 1% of men
#6e6877 Deuteranopia 1% of men
#586e76 Tritanopia 0.001% of the population

Trichromacy

#606971 Protanomaly 1% of men, 0.01% of women
#636874 Deuteranomaly 6% of men, 0.4% of women
#556b73 Tritanomaly 0.01% of the population

#4f676e hex color

#4f676e Color Information

#4f676e Color Conversion

Color Schemes with #4f676e

Alternatives to #4f676e

#4f676e Preview

Shades and Tints of #4f676e

Tones of #4f676e

Color Blindness Simulator