#5b6778 hex color

In a RGB color space, hex #5b6778 is composed of 35.7% red, 40.4% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 14.2% magenta, 0% yellow and 52.9% black. It has a hue angle of 215.2 degrees, a saturation of 13.7% and a lightness of 41.4%. #5b6778 color hex could be obtained by blending #b6cef0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 40
- B 47
RGB color chart
- C 24
- M 14
- Y 0
- K 53
CMYK color chart

● #5b6778 color description : Dark grayish blue.

The hexadecimal color #5b6778 has RGB values of R:91, G:103, B:120 and CMYK values of C:0.24, M:0.14, Y:0, K:0.53. Its decimal value is 5990264.

Hex triplet	5b6778	`#5b6778`
RGB Decimal	91, 103, 120	`rgb(91,103,120)`
RGB Percent	35.7, 40.4, 47.1	`rgb(35.7%,40.4%,47.1%)`
CMYK	24, 14, 0, 53
HSL	215.2°, 13.7, 41.4	`hsl(215.2,13.7%,41.4%)`
HSV (or HSB)	215.2°, 24.2, 47.1
Web Safe	666666	`#666666`

CIE-LAB	43.183, -0.463, -11.022
XYZ	12.554, 13.28, 19.67
xyY	0.276, 0.292, 13.28
CIE-LCH	43.183, 11.031, 267.595
CIE-LUV	43.183, -6.952, -15.11
Hunter-Lab	36.442, -2.282, -6.493
Binary	01011011, 01100111, 01111000

#5b6778
```
#5b6778 rgb(91,103,120)
```
#786c5b
```
#786c5b rgb(120,108,91)
```

Complementary Color

#5b7678
```
#5b7678 rgb(91,118,120)
```
#5b6778
```
#5b6778 rgb(91,103,120)
```
#5e5b78
```
#5e5b78 rgb(94,91,120)
```

Analogous Color

#76785b
```
#76785b rgb(118,120,91)
```
#5b6778
```
#5b6778 rgb(91,103,120)
```
#785e5b
```
#785e5b rgb(120,94,91)
```

Split Complementary Color

#67785b
```
#67785b rgb(103,120,91)
```
#5b6778
```
#5b6778 rgb(91,103,120)
```
#785b67
```
#785b67 rgb(120,91,103)
```

Triadic Color

#5b786c
```
#5b786c rgb(91,120,108)
```
#5b6778
```
#5b6778 rgb(91,103,120)
```
#785b67
```
#785b67 rgb(120,91,103)
```
#786c5b
```
#786c5b rgb(120,108,91)
```

Tetradic Color

#3a424c
```
#3a424c rgb(58,66,76)
```
#454e5b
```
#454e5b rgb(69,78,91)
```
#505b69
```
#505b69 rgb(80,91,105)
```
#5b6778
```
#5b6778 rgb(91,103,120)
```
#667387
```
#667387 rgb(102,115,135)
```
#728094
```
#728094 rgb(114,128,148)
```
#808d9f
```
#808d9f rgb(128,141,159)
```

Monochromatic Color

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

#5b6e78
```
#5b6e78 rgb(91,110,120)
```
#5b6c78
```
#5b6c78 rgb(91,108,120)
```
#5b6978
```
#5b6978 rgb(91,105,120)
```
#5b6778
```
#5b6778 rgb(91,103,120)
```
#5b6578
```
#5b6578 rgb(91,101,120)
```
#5b6278
```
#5b6278 rgb(91,98,120)
```
#5b6078
```
#5b6078 rgb(91,96,120)
```

Similar Colors

Text with hexadecimal color #5b6778

This text has a font color of #5b6778.

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

#5b6778 background color

This paragraph has a background color of #5b6778.

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

#5b6778 border color

This element has a border color of #5b6778.

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

CSS codes

.text {color:#5b6778;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0f1114
```
#0f1114 rgb(15,17,20)
```
#171a1f
```
#171a1f rgb(23,26,31)
```
#20242a
```
#20242a rgb(32,36,42)
```
#282e35
```
#282e35 rgb(40,46,53)
```
#313740
```
#313740 rgb(49,55,64)
```
#39414b
```
#39414b rgb(57,65,75)
```
#424a57
```
#424a57 rgb(66,74,87)
```
#4a5462
```
#4a5462 rgb(74,84,98)
```
#535d6d
```
#535d6d rgb(83,93,109)
```
#5b6778
```
#5b6778 rgb(91,103,120)
```
#637183
```
#637183 rgb(99,113,131)
```
#6c7a8e
```
#6c7a8e rgb(108,122,142)
```

Shade Color Variation

#768497
```
#768497 rgb(118,132,151)
```
#828ea0
```
#828ea0 rgb(130,142,160)
```
#8d98a8
```
#8d98a8 rgb(141,152,168)
```
#98a2b1
```
#98a2b1 rgb(152,162,177)
```
#a3acb9
```
#a3acb9 rgb(163,172,185)
```
#aeb6c2
```
#aeb6c2 rgb(174,182,194)
```
#b9c0ca
```
#b9c0ca rgb(185,192,202)
```
#c5cad3
```
#c5cad3 rgb(197,202,211)
```
#d0d4db
```
#d0d4db rgb(208,212,219)
```
#dbdee4
```
#dbdee4 rgb(219,222,228)
```
#e6e8ec
```
#e6e8ec rgb(230,232,236)
```
#f1f3f4
```
#f1f3f4 rgb(241,243,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#636870
```
#636870 rgb(99,104,112)
```
#5b6778
```
#5b6778 rgb(91,103,120)
```
#536680
```
#536680 rgb(83,102,128)
```
#4b6488
```
#4b6488 rgb(75,100,136)
```
#436390
```
#436390 rgb(67,99,144)
```
#3b6198
```
#3b6198 rgb(59,97,152)
```
#3260a1
```
#3260a1 rgb(50,96,161)
```
#2a5fa9
```
#2a5fa9 rgb(42,95,169)
```
#225db1
```
#225db1 rgb(34,93,177)
```
#1a5cb9
```
#1a5cb9 rgb(26,92,185)
```
#125ac1
```
#125ac1 rgb(18,90,193)
```
#0a59c9
```
#0a59c9 rgb(10,89,201)
```
#0258d1
```
#0258d1 rgb(2,88,209)
```

Tone Color Variation

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

Dichromacy

#6a6d7d Protanopia 1% of men
#6e6b80 Deuteranopia 1% of men
#617078 Tritanopia 0.001% of the population

Trichromacy

#646a7b Protanomaly 1% of men, 0.01% of women
#67697d Deuteranomaly 6% of men, 0.4% of women
#5f6c78 Tritanomaly 0.01% of the population

#5b6778 hex color

#5b6778 Color Information

#5b6778 Color Conversion

Color Schemes with #5b6778

Alternatives to #5b6778

#5b6778 Preview

Shades and Tints of #5b6778

Tones of #5b6778

Color Blindness Simulator