#5b6475 hex color

In a RGB color space, hex #5b6475 is composed of 35.7% red, 39.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 14.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 219.2 degrees, a saturation of 12.5% and a lightness of 40.8%. #5b6475 color hex could be obtained by blending #b6c8ea with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 39
- B 46
RGB color chart
- C 22
- M 15
- Y 0
- K 54
CMYK color chart

● #5b6475 color description : Dark grayish blue.

The hexadecimal color #5b6475 has RGB values of R:91, G:100, B:117 and CMYK values of C:0.22, M:0.15, Y:0, K:0.54. Its decimal value is 5989493.

Hex triplet	5b6475	`#5b6475`
RGB Decimal	91, 100, 117	`rgb(91,100,117)`
RGB Percent	35.7, 39.2, 45.9	`rgb(35.7%,39.2%,45.9%)`
CMYK	22, 15, 0, 54
HSL	219.2°, 12.5, 40.8	`hsl(219.2,12.5%,40.8%)`
HSV (or HSB)	219.2°, 22.2, 45.9
Web Safe	666666	`#666666`

CIE-LAB	42.189, 0.586, -10.703
XYZ	12.082, 12.623, 18.629
xyY	0.279, 0.291, 12.623
CIE-LCH	42.189, 10.719, 273.136
CIE-LUV	42.189, -5.496, -14.713
Hunter-Lab	35.528, -1.474, -6.218
Binary	01011011, 01100100, 01110101

#5b6475
```
#5b6475 rgb(91,100,117)
```
#756c5b
```
#756c5b rgb(117,108,91)
```

Complementary Color

#5b7175
```
#5b7175 rgb(91,113,117)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#5f5b75
```
#5f5b75 rgb(95,91,117)
```

Analogous Color

#71755b
```
#71755b rgb(113,117,91)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#755f5b
```
#755f5b rgb(117,95,91)
```

Split Complementary Color

#64755b
```
#64755b rgb(100,117,91)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#755b64
```
#755b64 rgb(117,91,100)
```

Triadic Color

#5b756c
```
#5b756c rgb(91,117,108)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#755b64
```
#755b64 rgb(117,91,100)
```
#756c5b
```
#756c5b rgb(117,108,91)
```

Tetradic Color

#3a3f4a
```
#3a3f4a rgb(58,63,74)
```
#454b58
```
#454b58 rgb(69,75,88)
```
#505867
```
#505867 rgb(80,88,103)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#667083
```
#667083 rgb(102,112,131)
```
#727d91
```
#727d91 rgb(114,125,145)
```
#808a9c
```
#808a9c rgb(128,138,156)
```

Monochromatic Color

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

#5b6b75
```
#5b6b75 rgb(91,107,117)
```
#5b6875
```
#5b6875 rgb(91,104,117)
```
#5b6675
```
#5b6675 rgb(91,102,117)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#5b6275
```
#5b6275 rgb(91,98,117)
```
#5b6075
```
#5b6075 rgb(91,96,117)
```
#5b5e75
```
#5b5e75 rgb(91,94,117)
```

Similar Colors

Text with hexadecimal color #5b6475

This text has a font color of #5b6475.

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

#5b6475 background color

This paragraph has a background color of #5b6475.

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

#5b6475 border color

This element has a border color of #5b6475.

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

CSS codes

.text {color:#5b6475;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0e0f12
```
#0e0f12 rgb(14,15,18)
```
#16191d
```
#16191d rgb(22,25,29)
```
#1f2228
```
#1f2228 rgb(31,34,40)
```
#282b33
```
#282b33 rgb(40,43,51)
```
#30353e
```
#30353e rgb(48,53,62)
```
#393e49
```
#393e49 rgb(57,62,73)
```
#414854
```
#414854 rgb(65,72,84)
```
#4a515f
```
#4a515f rgb(74,81,95)
```
#525b6a
```
#525b6a rgb(82,91,106)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#646d80
```
#646d80 rgb(100,109,128)
```
#6c778b
```
#6c778b rgb(108,119,139)
```

Shade Color Variation

#768195
```
#768195 rgb(118,129,149)
```
#818b9d
```
#818b9d rgb(129,139,157)
```
#8c95a6
```
#8c95a6 rgb(140,149,166)
```
#979fae
```
#979fae rgb(151,159,174)
```
#a2a9b7
```
#a2a9b7 rgb(162,169,183)
```
#adb4c0
```
#adb4c0 rgb(173,180,192)
```
#b8bec8
```
#b8bec8 rgb(184,190,200)
```
#c3c8d1
```
#c3c8d1 rgb(195,200,209)
```
#ced2d9
```
#ced2d9 rgb(206,210,217)
```
#dadce2
```
#dadce2 rgb(218,220,226)
```
#e5e7ea
```
#e5e7ea rgb(229,231,234)
```
#f0f1f3
```
#f0f1f3 rgb(240,241,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63666d is the less saturated color, while #0349cd is the most saturated one.

#63666d
```
#63666d rgb(99,102,109)
```
#5b6475
```
#5b6475 rgb(91,100,117)
```
#53627d
```
#53627d rgb(83,98,125)
```
#4b5f85
```
#4b5f85 rgb(75,95,133)
```
#435d8d
```
#435d8d rgb(67,93,141)
```
#3b5a95
```
#3b5a95 rgb(59,90,149)
```
#33589d
```
#33589d rgb(51,88,157)
```
#2b55a5
```
#2b55a5 rgb(43,85,165)
```
#2353ad
```
#2353ad rgb(35,83,173)
```
#1b50b5
```
#1b50b5 rgb(27,80,181)
```
#134ebd
```
#134ebd rgb(19,78,189)
```
#0b4bc5
```
#0b4bc5 rgb(11,75,197)
```
#0349cd
```
#0349cd rgb(3,73,205)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#616367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686a7b Protanopia 1% of men
#6c697d Deuteranopia 1% of men
#616d75 Tritanopia 0.001% of the population

Trichromacy

#636879 Protanomaly 1% of men, 0.01% of women
#66677a Deuteranomaly 6% of men, 0.4% of women
#5f6975 Tritanomaly 0.01% of the population

#5b6475 hex color

#5b6475 Color Information

#5b6475 Color Conversion

Color Schemes with #5b6475

Alternatives to #5b6475

#5b6475 Preview

Shades and Tints of #5b6475

Tones of #5b6475

Color Blindness Simulator