#5b6678 hex color

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

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

● #5b6678 color description : Dark grayish blue.

The hexadecimal color #5b6678 has RGB values of R:91, G:102, B:120 and CMYK values of C:0.24, M:0.15, Y:0, K:0.53. Its decimal value is 5990008.

Hex triplet	5b6678	`#5b6678`
RGB Decimal	91, 102, 120	`rgb(91,102,120)`
RGB Percent	35.7, 40, 47.1	`rgb(35.7%,40%,47.1%)`
CMYK	24, 15, 0, 53
HSL	217.2°, 13.7, 41.4	`hsl(217.2,13.7%,41.4%)`
HSV (or HSB)	217.2°, 24.2, 47.1
Web Safe	666666	`#666666`

CIE-LAB	42.888, 0.139, -11.468
XYZ	12.455, 13.083, 19.637
xyY	0.276, 0.29, 13.083
CIE-LCH	42.888, 11.468, 270.696
CIE-LUV	42.888, -6.506, -15.805
Hunter-Lab	36.17, -1.831, -6.87
Binary	01011011, 01100110, 01111000

#5b6678
```
#5b6678 rgb(91,102,120)
```
#786d5b
```
#786d5b rgb(120,109,91)
```

Complementary Color

#5b7578
```
#5b7578 rgb(91,117,120)
```
#5b6678
```
#5b6678 rgb(91,102,120)
```
#5f5b78
```
#5f5b78 rgb(95,91,120)
```

Analogous Color

#75785b
```
#75785b rgb(117,120,91)
```
#5b6678
```
#5b6678 rgb(91,102,120)
```
#785f5b
```
#785f5b rgb(120,95,91)
```

Split Complementary Color

#66785b
```
#66785b rgb(102,120,91)
```
#5b6678
```
#5b6678 rgb(91,102,120)
```
#785b66
```
#785b66 rgb(120,91,102)
```

Triadic Color

#5b786d
```
#5b786d rgb(91,120,109)
```
#5b6678
```
#5b6678 rgb(91,102,120)
```
#785b66
```
#785b66 rgb(120,91,102)
```
#786d5b
```
#786d5b rgb(120,109,91)
```

Tetradic Color

#3a414c
```
#3a414c rgb(58,65,76)
```
#454d5b
```
#454d5b rgb(69,77,91)
```
#505a69
```
#505a69 rgb(80,90,105)
```
#5b6678
```
#5b6678 rgb(91,102,120)
```
#667287
```
#667287 rgb(102,114,135)
```
#727f94
```
#727f94 rgb(114,127,148)
```
#808c9f
```
#808c9f rgb(128,140,159)
```

Monochromatic Color

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

#5b6d78
```
#5b6d78 rgb(91,109,120)
```
#5b6b78
```
#5b6b78 rgb(91,107,120)
```
#5b6878
```
#5b6878 rgb(91,104,120)
```
#5b6678
```
#5b6678 rgb(91,102,120)
```
#5b6478
```
#5b6478 rgb(91,100,120)
```
#5b6178
```
#5b6178 rgb(91,97,120)
```
#5b5f78
```
#5b5f78 rgb(91,95,120)
```

Similar Colors

Text with hexadecimal color #5b6678

This text has a font color of #5b6678.

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

#5b6678 background color

This paragraph has a background color of #5b6678.

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

#5b6678 border color

This element has a border color of #5b6678.

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

CSS codes

.text {color:#5b6678;}

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

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

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)
```
#282d35
```
#282d35 rgb(40,45,53)
```
#313740
```
#313740 rgb(49,55,64)
```
#39404b
```
#39404b rgb(57,64,75)
```
#424a57
```
#424a57 rgb(66,74,87)
```
#4a5362
```
#4a5362 rgb(74,83,98)
```
#535d6d
```
#535d6d rgb(83,93,109)
```
#5b6678
```
#5b6678 rgb(91,102,120)
```
#636f83
```
#636f83 rgb(99,111,131)
```
#6c798e
```
#6c798e rgb(108,121,142)
```

Shade Color Variation

#768397
```
#768397 rgb(118,131,151)
```
#828da0
```
#828da0 rgb(130,141,160)
```
#8d97a8
```
#8d97a8 rgb(141,151,168)
```
#98a1b1
```
#98a1b1 rgb(152,161,177)
```
#a3abb9
```
#a3abb9 rgb(163,171,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)
```
#f1f2f4
```
#f1f2f4 rgb(241,242,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 #0250d1 is the most saturated one.

#636870
```
#636870 rgb(99,104,112)
```
#5b6678
```
#5b6678 rgb(91,102,120)
```
#536480
```
#536480 rgb(83,100,128)
```
#4b6288
```
#4b6288 rgb(75,98,136)
```
#436090
```
#436090 rgb(67,96,144)
```
#3b5e98
```
#3b5e98 rgb(59,94,152)
```
#325ca1
```
#325ca1 rgb(50,92,161)
```
#2a5aa9
```
#2a5aa9 rgb(42,90,169)
```
#2258b1
```
#2258b1 rgb(34,88,177)
```
#1a56b9
```
#1a56b9 rgb(26,86,185)
```
#1254c1
```
#1254c1 rgb(18,84,193)
```
#0a52c9
```
#0a52c9 rgb(10,82,201)
```
#0250d1
```
#0250d1 rgb(2,80,209)
```

Tone Color Variation

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

#696c7e Protanopia 1% of men
#6d6a80 Deuteranopia 1% of men
#616f77 Tritanopia 0.001% of the population

Trichromacy

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

#5b6678 hex color

#5b6678 Color Information

#5b6678 Color Conversion

Color Schemes with #5b6678

Alternatives to #5b6678

#5b6678 Preview

Shades and Tints of #5b6678

Tones of #5b6678

Color Blindness Simulator