#5b667f hex color

In a RGB color space, hex #5b667f is composed of 35.7% red, 40% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 19.7% magenta, 0% yellow and 50.2% black. It has a hue angle of 221.7 degrees, a saturation of 16.5% and a lightness of 42.7%. #5b667f color hex could be obtained by blending #b6ccfe with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 40
- B 50
RGB color chart
- C 28
- M 20
- Y 0
- K 50
CMYK color chart

● #5b667f color description : Mostly desaturated dark blue.

The hexadecimal color #5b667f has RGB values of R:91, G:102, B:127 and CMYK values of C:0.28, M:0.2, Y:0, K:0.5. Its decimal value is 5990015.

Hex triplet	5b667f	`#5b667f`
RGB Decimal	91, 102, 127	`rgb(91,102,127)`
RGB Percent	35.7, 40, 49.8	`rgb(35.7%,40%,49.8%)`
CMYK	28, 20, 0, 50
HSL	221.7°, 16.5, 42.7	`hsl(221.7,16.5%,42.7%)`
HSV (or HSB)	221.7°, 28.3, 49.8
Web Safe	666666	`#666666`

CIE-LAB	43.151, 1.964, -15.299
XYZ	12.896, 13.259, 21.957
xyY	0.268, 0.276, 13.259
CIE-LCH	43.151, 15.425, 277.316
CIE-LUV	43.151, -6.763, -21.626
Hunter-Lab	36.413, -0.506, -10.264
Binary	01011011, 01100110, 01111111

#5b667f
```
#5b667f rgb(91,102,127)
```
#7f745b
```
#7f745b rgb(127,116,91)
```

Complementary Color

#5b787f
```
#5b787f rgb(91,120,127)
```
#5b667f
```
#5b667f rgb(91,102,127)
```
#625b7f
```
#625b7f rgb(98,91,127)
```

Analogous Color

#787f5b
```
#787f5b rgb(120,127,91)
```
#5b667f
```
#5b667f rgb(91,102,127)
```
#7f625b
```
#7f625b rgb(127,98,91)
```

Split Complementary Color

#667f5b
```
#667f5b rgb(102,127,91)
```
#5b667f
```
#5b667f rgb(91,102,127)
```
#7f5b66
```
#7f5b66 rgb(127,91,102)
```

Triadic Color

#5b7f74
```
#5b7f74 rgb(91,127,116)
```
#5b667f
```
#5b667f rgb(91,102,127)
```
#7f5b66
```
#7f5b66 rgb(127,91,102)
```
#7f745b
```
#7f745b rgb(127,116,91)
```

Tetradic Color

#3b4252
```
#3b4252 rgb(59,66,82)
```
#464e61
```
#464e61 rgb(70,78,97)
```
#505a70
```
#505a70 rgb(80,90,112)
```
#5b667f
```
#5b667f rgb(91,102,127)
```
#66728e
```
#66728e rgb(102,114,142)
```
#737f9a
```
#737f9a rgb(115,127,154)
```
#818ca5
```
#818ca5 rgb(129,140,165)
```

Monochromatic Color

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

#5b6f7f
```
#5b6f7f rgb(91,111,127)
```
#5b6c7f
```
#5b6c7f rgb(91,108,127)
```
#5b697f
```
#5b697f rgb(91,105,127)
```
#5b667f
```
#5b667f rgb(91,102,127)
```
#5b637f
```
#5b637f rgb(91,99,127)
```
#5b607f
```
#5b607f rgb(91,96,127)
```
#5b5d7f
```
#5b5d7f rgb(91,93,127)
```

Similar Colors

Text with hexadecimal color #5b667f

This text has a font color of #5b667f.

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

#5b667f background color

This paragraph has a background color of #5b667f.

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

#5b667f border color

This element has a border color of #5b667f.

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

CSS codes

.text {color:#5b667f;}

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

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

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 #f5f6f8 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#090a0d
```
#090a0d rgb(9,10,13)
```
#111318
```
#111318 rgb(17,19,24)
```
#191d24
```
#191d24 rgb(25,29,36)
```
#22262f
```
#22262f rgb(34,38,47)
```
#2a2f3a
```
#2a2f3a rgb(42,47,58)
```
#323846
```
#323846 rgb(50,56,70)
```
#3a4151
```
#3a4151 rgb(58,65,81)
```
#424a5d
```
#424a5d rgb(66,74,93)
```
#4b5468
```
#4b5468 rgb(75,84,104)
```
#535d74
```
#535d74 rgb(83,93,116)
```
#5b667f
```
#5b667f rgb(91,102,127)
```
#636f8a
```
#636f8a rgb(99,111,138)
```

Shade Color Variation

#6c7895
```
#6c7895 rgb(108,120,149)
```
#77839e
```
#77839e rgb(119,131,158)
```
#838da6
```
#838da6 rgb(131,141,166)
```
#8e98ae
```
#8e98ae rgb(142,152,174)
```
#99a2b6
```
#99a2b6 rgb(153,162,182)
```
#a5adbe
```
#a5adbe rgb(165,173,190)
```
#b0b7c7
```
#b0b7c7 rgb(176,183,199)
```
#bcc2cf
```
#bcc2cf rgb(188,194,207)
```
#c7ccd7
```
#c7ccd7 rgb(199,204,215)
```
#d3d6df
```
#d3d6df rgb(211,214,223)
```
#dee1e7
```
#dee1e7 rgb(222,225,231)
```
#e9ebf0
```
#e9ebf0 rgb(233,235,240)
```
#f5f6f8
```
#f5f6f8 rgb(245,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6d6e is the less saturated color, while #0745d3 is the most saturated one.

#6c6d6e
```
#6c6d6e rgb(108,109,110)
```
#636977
```
#636977 rgb(99,105,119)
```
#5b667f
```
#5b667f rgb(91,102,127)
```
#536387
```
#536387 rgb(83,99,135)
```
#4a5f90
```
#4a5f90 rgb(74,95,144)
```
#425c98
```
#425c98 rgb(66,92,152)
```
#3959a1
```
#3959a1 rgb(57,89,161)
```
#3156a9
```
#3156a9 rgb(49,86,169)
```
#2952b1
```
#2952b1 rgb(41,82,177)
```
#204fba
```
#204fba rgb(32,79,186)
```
#184cc2
```
#184cc2 rgb(24,76,194)
```
#1049ca
```
#1049ca rgb(16,73,202)
```
#0745d3
```
#0745d3 rgb(7,69,211)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#64666b Atypical Achromatopsia 0.001% of the population

Dichromacy

#676c84 Protanopia 1% of men
#6a6b86 Deuteranopia 1% of men
#607078 Tritanopia 0.001% of the population

Trichromacy

#636a82 Protanomaly 1% of men, 0.01% of women
#656983 Deuteranomaly 6% of men, 0.4% of women
#5e6c7a Tritanomaly 0.01% of the population

#5b667f hex color

#5b667f Color Information

#5b667f Color Conversion

Color Schemes with #5b667f

Alternatives to #5b667f

#5b667f Preview

Shades and Tints of #5b667f

Tones of #5b667f

Color Blindness Simulator