#5f6b77 hex color

In a RGB color space, hex #5f6b77 is composed of 37.3% red, 42% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 10.1% magenta, 0% yellow and 53.3% black. It has a hue angle of 210 degrees, a saturation of 11.2% and a lightness of 42%. #5f6b77 color hex could be obtained by blending #bed6ee with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 37
- G 42
- B 47
RGB color chart
- C 20
- M 10
- Y 0
- K 53
CMYK color chart

● #5f6b77 color description : Dark grayish blue.

The hexadecimal color #5f6b77 has RGB values of R:95, G:107, B:119 and CMYK values of C:0.2, M:0.1, Y:0, K:0.53. Its decimal value is 6253431.

Hex triplet	5f6b77	`#5f6b77`
RGB Decimal	95, 107, 119	`rgb(95,107,119)`
RGB Percent	37.3, 42, 46.7	`rgb(37.3%,42%,46.7%)`
CMYK	20, 10, 0, 53
HSL	210°, 11.2, 42	`hsl(210,11.2%,42%)`
HSV (or HSB)	210°, 20.2, 46.7
Web Safe	666666	`#666666`

CIE-LAB	44.632, -1.722, -8.21
XYZ	13.306, 14.28, 19.507
xyY	0.283, 0.303, 14.28
CIE-LCH	44.632, 8.389, 258.152
CIE-LUV	44.632, -6.822, -11.029
Hunter-Lab	37.789, -3.278, -4.154
Binary	01011111, 01101011, 01110111

#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#776b5f
```
#776b5f rgb(119,107,95)
```

Complementary Color

#5f7777
```
#5f7777 rgb(95,119,119)
```
#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#5f5f77
```
#5f5f77 rgb(95,95,119)
```

Analogous Color

#77775f
```
#77775f rgb(119,119,95)
```
#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#775f5f
```
#775f5f rgb(119,95,95)
```

Split Complementary Color

#6b775f
```
#6b775f rgb(107,119,95)
```
#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#775f6b
```
#775f6b rgb(119,95,107)
```

Triadic Color

#5f776b
```
#5f776b rgb(95,119,107)
```
#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#775f6b
```
#775f6b rgb(119,95,107)
```
#776b5f
```
#776b5f rgb(119,107,95)
```

Tetradic Color

#3d454c
```
#3d454c rgb(61,69,76)
```
#48525b
```
#48525b rgb(72,82,91)
```
#545e69
```
#545e69 rgb(84,94,105)
```
#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#6a7885
```
#6a7885 rgb(106,120,133)
```
#778592
```
#778592 rgb(119,133,146)
```
#85919e
```
#85919e rgb(133,145,158)
```

Monochromatic Color

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

#5f7177
```
#5f7177 rgb(95,113,119)
```
#5f6f77
```
#5f6f77 rgb(95,111,119)
```
#5f6d77
```
#5f6d77 rgb(95,109,119)
```
#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#5f6977
```
#5f6977 rgb(95,105,119)
```
#5f6777
```
#5f6777 rgb(95,103,119)
```
#5f6577
```
#5f6577 rgb(95,101,119)
```

Similar Colors

Text with hexadecimal color #5f6b77

This text has a font color of #5f6b77.

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

#5f6b77 background color

This paragraph has a background color of #5f6b77.

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

#5f6b77 border color

This element has a border color of #5f6b77.

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

CSS codes

.text {color:#5f6b77;}

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

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

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

#08090a
```
#08090a rgb(8,9,10)
```
#111315
```
#111315 rgb(17,19,21)
```
#191d20
```
#191d20 rgb(25,29,32)
```
#22262b
```
#22262b rgb(34,38,43)
```
#2b3036
```
#2b3036 rgb(43,48,54)
```
#333a40
```
#333a40 rgb(51,58,64)
```
#3c444b
```
#3c444b rgb(60,68,75)
```
#454e56
```
#454e56 rgb(69,78,86)
```
#4e5761
```
#4e5761 rgb(78,87,97)
```
#56616c
```
#56616c rgb(86,97,108)
```
#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#687582
```
#687582 rgb(104,117,130)
```
#707f8d
```
#707f8d rgb(112,127,141)
```

Shade Color Variation

#7b8896
```
#7b8896 rgb(123,136,150)
```
#86929e
```
#86929e rgb(134,146,158)
```
#919ca7
```
#919ca7 rgb(145,156,167)
```
#9ca6b0
```
#9ca6b0 rgb(156,166,176)
```
#a7b0b9
```
#a7b0b9 rgb(167,176,185)
```
#b2b9c1
```
#b2b9c1 rgb(178,185,193)
```
#bdc3ca
```
#bdc3ca rgb(189,195,202)
```
#c7cdd3
```
#c7cdd3 rgb(199,205,211)
```
#d2d7db
```
#d2d7db rgb(210,215,219)
```
#dde1e4
```
#dde1e4 rgb(221,225,228)
```
#e8ebed
```
#e8ebed rgb(232,235,237)
```
#f3f4f6
```
#f3f4f6 rgb(243,244,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676b6f is the less saturated color, while #046bd2 is the most saturated one.

#676b6f
```
#676b6f rgb(103,107,111)
```
#5f6b77
```
#5f6b77 rgb(95,107,119)
```
#576b7f
```
#576b7f rgb(87,107,127)
```
#4f6b87
```
#4f6b87 rgb(79,107,135)
```
#466b90
```
#466b90 rgb(70,107,144)
```
#3e6b98
```
#3e6b98 rgb(62,107,152)
```
#366ba0
```
#366ba0 rgb(54,107,160)
```
#2e6ba8
```
#2e6ba8 rgb(46,107,168)
```
#256bb1
```
#256bb1 rgb(37,107,177)
```
#1d6bb9
```
#1d6bb9 rgb(29,107,185)
```
#156bc1
```
#156bc1 rgb(21,107,193)
```
#0d6bc9
```
#0d6bc9 rgb(13,107,201)
```
#046bd2
```
#046bd2 rgb(4,107,210)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#67696c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f707c Protanopia 1% of men
#746e7f Deuteranopia 1% of men
#66737b Tritanopia 0.001% of the population

Trichromacy

#696e7a Protanomaly 1% of men, 0.01% of women
#6c6d7c Deuteranomaly 6% of men, 0.4% of women
#637079 Tritanomaly 0.01% of the population

#5f6b77 hex color

#5f6b77 Color Information

#5f6b77 Color Conversion

Color Schemes with #5f6b77

Alternatives to #5f6b77

#5f6b77 Preview

Shades and Tints of #5f6b77

Tones of #5f6b77

Color Blindness Simulator