#5f6167 hex color

In a RGB color space, hex #5f6167 is composed of 37.3% red, 38% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 5.8% magenta, 0% yellow and 59.6% black. It has a hue angle of 225 degrees, a saturation of 4% and a lightness of 38.8%. #5f6167 color hex could be obtained by blending #bec2ce with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 38
- B 40
RGB color chart
- C 8
- M 6
- Y 0
- K 60
CMYK color chart

● #5f6167 color description : Very dark grayish blue.

The hexadecimal color #5f6167 has RGB values of R:95, G:97, B:103 and CMYK values of C:0.08, M:0.06, Y:0, K:0.6. Its decimal value is 6250855.

Hex triplet	5f6167	`#5f6167`
RGB Decimal	95, 97, 103	`rgb(95,97,103)`
RGB Percent	37.3, 38, 40.4	`rgb(37.3%,38%,40.4%)`
CMYK	8, 6, 0, 60
HSL	225°, 4, 38.8	`hsl(225,4%,38.8%)`
HSV (or HSB)	225°, 7.8, 40.4
Web Safe	666666	`#666666`

CIE-LAB	41.155, 0.524, -3.677
XYZ	11.442, 11.962, 14.537
xyY	0.302, 0.315, 11.962
CIE-LCH	41.155, 3.715, 278.107
CIE-LUV	41.155, -1.419, -4.929
Hunter-Lab	34.585, -1.472, -0.712
Binary	01011111, 01100001, 01100111

#5f6167
```
#5f6167 rgb(95,97,103)
```
#67655f
```
#67655f rgb(103,101,95)
```

Complementary Color

#5f6567
```
#5f6567 rgb(95,101,103)
```
#5f6167
```
#5f6167 rgb(95,97,103)
```
#615f67
```
#615f67 rgb(97,95,103)
```

Analogous Color

#65675f
```
#65675f rgb(101,103,95)
```
#5f6167
```
#5f6167 rgb(95,97,103)
```
#67615f
```
#67615f rgb(103,97,95)
```

Split Complementary Color

#61675f
```
#61675f rgb(97,103,95)
```
#5f6167
```
#5f6167 rgb(95,97,103)
```
#675f61
```
#675f61 rgb(103,95,97)
```

Triadic Color

#5f6765
```
#5f6765 rgb(95,103,101)
```
#5f6167
```
#5f6167 rgb(95,97,103)
```
#675f61
```
#675f61 rgb(103,95,97)
```
#67655f
```
#67655f rgb(103,101,95)
```

Tetradic Color

#3a3c3f
```
#3a3c3f rgb(58,60,63)
```
#47484c
```
#47484c rgb(71,72,76)
```
#53555a
```
#53555a rgb(83,85,90)
```
#5f6167
```
#5f6167 rgb(95,97,103)
```
#6b6d74
```
#6b6d74 rgb(107,109,116)
```
#777a82
```
#777a82 rgb(119,122,130)
```
#84878e
```
#84878e rgb(132,135,142)
```

Monochromatic Color

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

#5f6367
```
#5f6367 rgb(95,99,103)
```
#5f6267
```
#5f6267 rgb(95,98,103)
```
#5f6267
```
#5f6267 rgb(95,98,103)
```
#5f6167
```
#5f6167 rgb(95,97,103)
```
#5f6067
```
#5f6067 rgb(95,96,103)
```
#5f6067
```
#5f6067 rgb(95,96,103)
```
#5f5f67
```
#5f5f67 rgb(95,95,103)
```

Similar Colors

Text with hexadecimal color #5f6167

This text has a font color of #5f6167.

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

#5f6167 background color

This paragraph has a background color of #5f6167.

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

#5f6167 border color

This element has a border color of #5f6167.

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

CSS codes

.text {color:#5f6167;}

.background {background-color:#5f6167;}

.border {border:1px solid #5f6167;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0b0b
```
#0a0b0b rgb(10,11,11)
```
#141415
```
#141415 rgb(20,20,21)
```
#1d1e20
```
#1d1e20 rgb(29,30,32)
```
#27272a
```
#27272a rgb(39,39,42)
```
#303134
```
#303134 rgb(48,49,52)
```
#393b3e
```
#393b3e rgb(57,59,62)
```
#434448
```
#434448 rgb(67,68,72)
```
#4c4e53
```
#4c4e53 rgb(76,78,83)
```
#56575d
```
#56575d rgb(86,87,93)
```
#5f6167
```
#5f6167 rgb(95,97,103)
```
#686b71
```
#686b71 rgb(104,107,113)
```
#72747b
```
#72747b rgb(114,116,123)
```

Shade Color Variation

#7b7e86
```
#7b7e86 rgb(123,126,134)
```
#86888f
```
#86888f rgb(134,136,143)
```
#909298
```
#909298 rgb(144,146,152)
```
#9a9ca2
```
#9a9ca2 rgb(154,156,162)
```
#a4a6ab
```
#a4a6ab rgb(164,166,171)
```
#aeb0b5
```
#aeb0b5 rgb(174,176,181)
```
#b9babe
```
#b9babe rgb(185,186,190)
```
#c3c4c7
```
#c3c4c7 rgb(195,196,199)
```
#cdced1
```
#cdced1 rgb(205,206,209)
```
#d7d8da
```
#d7d8da rgb(215,216,218)
```
#e1e2e4
```
#e1e2e4 rgb(225,226,228)
```
#ececed
```
#ececed rgb(236,236,237)
```
#f6f6f6
```
#f6f6f6 rgb(246,246,246)
```

Tint Color Variation

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

#5f6167
```
#5f6167 rgb(95,97,103)
```
#575d6f
```
#575d6f rgb(87,93,111)
```
#505976
```
#505976 rgb(80,89,118)
```
#48567e
```
#48567e rgb(72,86,126)
```
#415285
```
#415285 rgb(65,82,133)
```
#394e8d
```
#394e8d rgb(57,78,141)
```
#314a95
```
#314a95 rgb(49,74,149)
```
#2a469c
```
#2a469c rgb(42,70,156)
```
#2243a4
```
#2243a4 rgb(34,67,164)
```
#1a3fac
```
#1a3fac rgb(26,63,172)
```
#133bb3
```
#133bb3 rgb(19,59,179)
```
#0b37bb
```
#0b37bb rgb(11,55,187)
```
#0433c2
```
#0433c2 rgb(4,51,194)
```

Tone Color Variation

Below, you can see how #5f6167 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
#616162 Atypical Achromatopsia 0.001% of the population

Dichromacy

#69686e Protanopia 1% of men
#6f666f Deuteranopia 1% of men
#676870 Tritanopia 0.001% of the population

Trichromacy

#65656b Protanomaly 1% of men, 0.01% of women
#69646c Deuteranomaly 6% of men, 0.4% of women
#64666d Tritanomaly 0.01% of the population

#5f6167 hex color

#5f6167 Color Information

#5f6167 Color Conversion

Color Schemes with #5f6167

Alternatives to #5f6167

#5f6167 Preview

Shades and Tints of #5f6167

Tones of #5f6167

Color Blindness Simulator