#5b686f hex color

In a RGB color space, hex #5b686f is composed of 35.7% red, 40.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 18% cyan, 6.3% magenta, 0% yellow and 56.5% black. It has a hue angle of 201 degrees, a saturation of 9.9% and a lightness of 39.6%. #5b686f color hex could be obtained by blending #b6d0de with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 41
- B 44
RGB color chart
- C 18
- M 6
- Y 0
- K 56
CMYK color chart

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

The hexadecimal color #5b686f has RGB values of R:91, G:104, B:111 and CMYK values of C:0.18, M:0.06, Y:0, K:0.56. Its decimal value is 5990511.

Hex triplet	5b686f	`#5b686f`
RGB Decimal	91, 104, 111	`rgb(91,104,111)`
RGB Percent	35.7, 40.8, 43.5	`rgb(35.7%,40.8%,43.5%)`
CMYK	18, 6, 0, 56
HSL	201°, 9.9, 39.6	`hsl(201,9.9%,39.6%)`
HSV (or HSB)	201°, 18, 43.5
Web Safe	666666	`#666666`

CIE-LAB	43.171, -3.287, -5.593
XYZ	12.133, 13.272, 16.961
xyY	0.286, 0.313, 13.272
CIE-LCH	43.171, 6.487, 239.553
CIE-LUV	43.171, -7.11, -7.066
Hunter-Lab	36.431, -4.305, -2.101
Binary	01011011, 01101000, 01101111

#5b686f
```
#5b686f rgb(91,104,111)
```
#6f625b
```
#6f625b rgb(111,98,91)
```

Complementary Color

#5b6f6c
```
#5b6f6c rgb(91,111,108)
```
#5b686f
```
#5b686f rgb(91,104,111)
```
#5b5e6f
```
#5b5e6f rgb(91,94,111)
```

Analogous Color

#6f6c5b
```
#6f6c5b rgb(111,108,91)
```
#5b686f
```
#5b686f rgb(91,104,111)
```
#6f5b5e
```
#6f5b5e rgb(111,91,94)
```

Split Complementary Color

#686f5b
```
#686f5b rgb(104,111,91)
```
#5b686f
```
#5b686f rgb(91,104,111)
```
#6f5b68
```
#6f5b68 rgb(111,91,104)
```

Triadic Color

#5b6f62
```
#5b6f62 rgb(91,111,98)
```
#5b686f
```
#5b686f rgb(91,104,111)
```
#6f5b68
```
#6f5b68 rgb(111,91,104)
```
#6f625b
```
#6f625b rgb(111,98,91)
```

Tetradic Color

#394145
```
#394145 rgb(57,65,69)
```
#444e53
```
#444e53 rgb(68,78,83)
```
#505b61
```
#505b61 rgb(80,91,97)
```
#5b686f
```
#5b686f rgb(91,104,111)
```
#66757d
```
#66757d rgb(102,117,125)
```
#72828b
```
#72828b rgb(114,130,139)
```
#808f97
```
#808f97 rgb(128,143,151)
```

Monochromatic Color

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

#5b6d6f
```
#5b6d6f rgb(91,109,111)
```
#5b6b6f
```
#5b6b6f rgb(91,107,111)
```
#5b6a6f
```
#5b6a6f rgb(91,106,111)
```
#5b686f
```
#5b686f rgb(91,104,111)
```
#5b666f
```
#5b666f rgb(91,102,111)
```
#5b656f
```
#5b656f rgb(91,101,111)
```
#5b636f
```
#5b636f rgb(91,99,111)
```

Similar Colors

Text with hexadecimal color #5b686f

This text has a font color of #5b686f.

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

#5b686f background color

This paragraph has a background color of #5b686f.

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

#5b686f border color

This element has a border color of #5b686f.

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

CSS codes

.text {color:#5b686f;}

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

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0b0d0e
```
#0b0d0e rgb(11,13,14)
```
#141719
```
#141719 rgb(20,23,25)
```
#1d2124
```
#1d2124 rgb(29,33,36)
```
#262b2e
```
#262b2e rgb(38,43,46)
```
#2f3639
```
#2f3639 rgb(47,54,57)
```
#384044
```
#384044 rgb(56,64,68)
```
#404a4f
```
#404a4f rgb(64,74,79)
```
#495459
```
#495459 rgb(73,84,89)
```
#525e64
```
#525e64 rgb(82,94,100)
```
#5b686f
```
#5b686f rgb(91,104,111)
```
#64727a
```
#64727a rgb(100,114,122)
```
#6d7c85
```
#6d7c85 rgb(109,124,133)
```

Shade Color Variation

#76868f
```
#76868f rgb(118,134,143)
```
#819098
```
#819098 rgb(129,144,152)
```
#8c99a0
```
#8c99a0 rgb(140,153,160)
```
#96a3a9
```
#96a3a9 rgb(150,163,169)
```
#a1acb2
```
#a1acb2 rgb(161,172,178)
```
#acb6bb
```
#acb6bb rgb(172,182,187)
```
#b7bfc4
```
#b7bfc4 rgb(183,191,196)
```
#c2c9cd
```
#c2c9cd rgb(194,201,205)
```
#ccd2d5
```
#ccd2d5 rgb(204,210,213)
```
#d7dcde
```
#d7dcde rgb(215,220,222)
```
#e2e5e7
```
#e2e5e7 rgb(226,229,231)
```
#edeff0
```
#edeff0 rgb(237,239,240)
```
#f7f8f9
```
#f7f8f9 rgb(247,248,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636667 is the less saturated color, while #0682c4 is the most saturated one.

#636667
```
#636667 rgb(99,102,103)
```
#5b686f
```
#5b686f rgb(91,104,111)
```
#536a77
```
#536a77 rgb(83,106,119)
```
#4b6d7f
```
#4b6d7f rgb(75,109,127)
```
#446f86
```
#446f86 rgb(68,111,134)
```
#3c718e
```
#3c718e rgb(60,113,142)
```
#347496
```
#347496 rgb(52,116,150)
```
#2c769e
```
#2c769e rgb(44,118,158)
```
#2578a5
```
#2578a5 rgb(37,120,165)
```
#1d7bad
```
#1d7bad rgb(29,123,173)
```
#157db5
```
#157db5 rgb(21,125,181)
```
#0d7fbd
```
#0d7fbd rgb(13,127,189)
```
#0682c4
```
#0682c4 rgb(6,130,196)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#636667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6d75 Protanopia 1% of men
#736b78 Deuteranopia 1% of men
#636f77 Tritanopia 0.001% of the population

Trichromacy

#666b72 Protanomaly 1% of men, 0.01% of women
#6a6a74 Deuteranomaly 6% of men, 0.4% of women
#606c74 Tritanomaly 0.01% of the population

#5b686f hex color

#5b686f Color Information

#5b686f Color Conversion

Color Schemes with #5b686f

Alternatives to #5b686f

#5b686f Preview

Shades and Tints of #5b686f

Tones of #5b686f

Color Blindness Simulator