#5b667e hex color

In a RGB color space, hex #5b667e is composed of 35.7% red, 40% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 19% magenta, 0% yellow and 50.6% black. It has a hue angle of 221.1 degrees, a saturation of 16.1% and a lightness of 42.5%. #5b667e color hex could be obtained by blending #b6ccfc with #000000. Closest websafe color is: #666666.

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

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

The hexadecimal color #5b667e has RGB values of R:91, G:102, B:126 and CMYK values of C:0.28, M:0.19, Y:0, K:0.51. Its decimal value is 5990014.

Hex triplet	5b667e	`#5b667e`
RGB Decimal	91, 102, 126	`rgb(91,102,126)`
RGB Percent	35.7, 40, 49.4	`rgb(35.7%,40%,49.4%)`
CMYK	28, 19, 0, 51
HSL	221.1°, 16.1, 42.5	`hsl(221.1,16.1%,42.5%)`
HSV (or HSB)	221.1°, 27.8, 49.4
Web Safe	666666	`#666666`

CIE-LAB	43.112, 1.699, -14.754
XYZ	12.831, 13.233, 21.616
xyY	0.269, 0.278, 13.233
CIE-LCH	43.112, 14.852, 276.57
CIE-LUV	43.112, -6.726, -20.791
Hunter-Lab	36.377, -0.7, -9.767
Binary	01011011, 01100110, 01111110

#5b667e
```
#5b667e rgb(91,102,126)
```
#7e735b
```
#7e735b rgb(126,115,91)
```

Complementary Color

#5b787e
```
#5b787e rgb(91,120,126)
```
#5b667e
```
#5b667e rgb(91,102,126)
```
#625b7e
```
#625b7e rgb(98,91,126)
```

Analogous Color

#787e5b
```
#787e5b rgb(120,126,91)
```
#5b667e
```
#5b667e rgb(91,102,126)
```
#7e625b
```
#7e625b rgb(126,98,91)
```

Split Complementary Color

#667e5b
```
#667e5b rgb(102,126,91)
```
#5b667e
```
#5b667e rgb(91,102,126)
```
#7e5b66
```
#7e5b66 rgb(126,91,102)
```

Triadic Color

#5b7e73
```
#5b7e73 rgb(91,126,115)
```
#5b667e
```
#5b667e rgb(91,102,126)
```
#7e5b66
```
#7e5b66 rgb(126,91,102)
```
#7e735b
```
#7e735b rgb(126,115,91)
```

Tetradic Color

#3b4252
```
#3b4252 rgb(59,66,82)
```
#464e60
```
#464e60 rgb(70,78,96)
```
#505a6f
```
#505a6f rgb(80,90,111)
```
#5b667e
```
#5b667e rgb(91,102,126)
```
#66728d
```
#66728d rgb(102,114,141)
```
#727f9a
```
#727f9a rgb(114,127,154)
```
#818ca4
```
#818ca4 rgb(129,140,164)
```

Monochromatic Color

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

#5b6f7e
```
#5b6f7e rgb(91,111,126)
```
#5b6c7e
```
#5b6c7e rgb(91,108,126)
```
#5b697e
```
#5b697e rgb(91,105,126)
```
#5b667e
```
#5b667e rgb(91,102,126)
```
#5b637e
```
#5b637e rgb(91,99,126)
```
#5b607e
```
#5b607e rgb(91,96,126)
```
#5b5d7e
```
#5b5d7e rgb(91,93,126)
```

Similar Colors

Text with hexadecimal color #5b667e

This text has a font color of #5b667e.

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

#5b667e background color

This paragraph has a background color of #5b667e.

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

#5b667e border color

This element has a border color of #5b667e.

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

CSS codes

.text {color:#5b667e;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090a0c
```
#090a0c rgb(9,10,12)
```
#111317
```
#111317 rgb(17,19,23)
```
#191c23
```
#191c23 rgb(25,28,35)
```
#21252e
```
#21252e rgb(33,37,46)
```
#2a2f3a
```
#2a2f3a rgb(42,47,58)
```
#323845
```
#323845 rgb(50,56,69)
```
#3a4150
```
#3a4150 rgb(58,65,80)
```
#424a5c
```
#424a5c rgb(66,74,92)
```
#4b5467
```
#4b5467 rgb(75,84,103)
```
#535d73
```
#535d73 rgb(83,93,115)
```
#5b667e
```
#5b667e rgb(91,102,126)
```
#636f89
```
#636f89 rgb(99,111,137)
```

Shade Color Variation

#6c7995
```
#6c7995 rgb(108,121,149)
```
#77839d
```
#77839d rgb(119,131,157)
```
#828da5
```
#828da5 rgb(130,141,165)
```
#8e98ad
```
#8e98ad rgb(142,152,173)
```
#99a2b5
```
#99a2b5 rgb(153,162,181)
```
#a5acbe
```
#a5acbe rgb(165,172,190)
```
#b0b7c6
```
#b0b7c6 rgb(176,183,198)
```
#bbc1ce
```
#bbc1ce rgb(187,193,206)
```
#c7ccd6
```
#c7ccd6 rgb(199,204,214)
```
#d2d6df
```
#d2d6df rgb(210,214,223)
```
#dee0e7
```
#dee0e7 rgb(222,224,231)
```
#e9ebef
```
#e9ebef rgb(233,235,239)
```
#f4f5f7
```
#f4f5f7 rgb(244,245,247)
```

Tint Color Variation

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

#6c6c6d
```
#6c6c6d rgb(108,108,109)
```
#636976
```
#636976 rgb(99,105,118)
```
#5b667e
```
#5b667e rgb(91,102,126)
```
#536386
```
#536386 rgb(83,99,134)
```
#4a608f
```
#4a608f rgb(74,96,143)
```
#425d97
```
#425d97 rgb(66,93,151)
```
#3a5a9f
```
#3a5a9f rgb(58,90,159)
```
#3157a8
```
#3157a8 rgb(49,87,168)
```
#2953b0
```
#2953b0 rgb(41,83,176)
```
#2150b8
```
#2150b8 rgb(33,80,184)
```
#184dc1
```
#184dc1 rgb(24,77,193)
```
#104ac9
```
#104ac9 rgb(16,74,201)
```
#0847d1
```
#0847d1 rgb(8,71,209)
```

Tone Color Variation

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

Dichromacy

#686c84 Protanopia 1% of men
#6b6b85 Deuteranopia 1% of men
#607078 Tritanopia 0.001% of the population

Trichromacy

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

#5b667e hex color

#5b667e Color Information

#5b667e Color Conversion

Color Schemes with #5b667e

Alternatives to #5b667e

#5b667e Preview

Shades and Tints of #5b667e

Tones of #5b667e

Color Blindness Simulator