#5d5f78 hex color

In a RGB color space, hex #5d5f78 is composed of 36.5% red, 37.3% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 20.8% magenta, 0% yellow and 52.9% black. It has a hue angle of 235.6 degrees, a saturation of 12.7% and a lightness of 41.8%. #5d5f78 color hex could be obtained by blending #babef0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 37
- B 47
RGB color chart
- C 23
- M 21
- Y 0
- K 53
CMYK color chart

● #5d5f78 color description : Dark grayish blue.

The hexadecimal color #5d5f78 has RGB values of R:93, G:95, B:120 and CMYK values of C:0.23, M:0.21, Y:0, K:0.53. Its decimal value is 6119288.

Hex triplet	5d5f78	`#5d5f78`
RGB Decimal	93, 95, 120	`rgb(93,95,120)`
RGB Percent	36.5, 37.3, 47.1	`rgb(36.5%,37.3%,47.1%)`
CMYK	23, 21, 0, 53
HSL	235.6°, 12.7, 41.8	`hsl(235.6,12.7%,41.8%)`
HSV (or HSB)	235.6°, 22.5, 47.1
Web Safe	666666	`#666666`

CIE-LAB	41.005, 5.094, -14.309
XYZ	11.996, 11.868, 19.427
xyY	0.277, 0.274, 11.868
CIE-LCH	41.005, 15.189, 289.597
CIE-LUV	41.005, -2.443, -20.343
Hunter-Lab	34.449, 1.871, -9.321
Binary	01011101, 01011111, 01111000

#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#78765d
```
#78765d rgb(120,118,93)
```

Complementary Color

#5d6d78
```
#5d6d78 rgb(93,109,120)
```
#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#695d78
```
#695d78 rgb(105,93,120)
```

Analogous Color

#6d785d
```
#6d785d rgb(109,120,93)
```
#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#78695d
```
#78695d rgb(120,105,93)
```

Split Complementary Color

#5f785d
```
#5f785d rgb(95,120,93)
```
#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#785d5f
```
#785d5f rgb(120,93,95)
```

Triadic Color

#5d7876
```
#5d7876 rgb(93,120,118)
```
#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#785d5f
```
#785d5f rgb(120,93,95)
```
#78765d
```
#78765d rgb(120,118,93)
```

Tetradic Color

#3c3d4d
```
#3c3d4d rgb(60,61,77)
```
#47485b
```
#47485b rgb(71,72,91)
```
#52546a
```
#52546a rgb(82,84,106)
```
#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#686a86
```
#686a86 rgb(104,106,134)
```
#747794
```
#747794 rgb(116,119,148)
```
#83859f
```
#83859f rgb(131,133,159)
```

Monochromatic Color

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

#5d6678
```
#5d6678 rgb(93,102,120)
```
#5d6478
```
#5d6478 rgb(93,100,120)
```
#5d6178
```
#5d6178 rgb(93,97,120)
```
#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#5d5d78
```
#5d5d78 rgb(93,93,120)
```
#605d78
```
#605d78 rgb(96,93,120)
```
#625d78
```
#625d78 rgb(98,93,120)
```

Similar Colors

Text with hexadecimal color #5d5f78

This text has a font color of #5d5f78.

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

#5d5f78 background color

This paragraph has a background color of #5d5f78.

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

#5d5f78 border color

This element has a border color of #5d5f78.

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

CSS codes

.text {color:#5d5f78;}

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

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

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

#070809
```
#070809 rgb(7,8,9)
```
#101015
```
#101015 rgb(16,16,21)
```
#181920
```
#181920 rgb(24,25,32)
```
#21222b
```
#21222b rgb(33,34,43)
```
#2a2b36
```
#2a2b36 rgb(42,43,54)
```
#323341
```
#323341 rgb(50,51,65)
```
#3b3c4c
```
#3b3c4c rgb(59,60,76)
```
#434557
```
#434557 rgb(67,69,87)
```
#4c4e62
```
#4c4e62 rgb(76,78,98)
```
#54566d
```
#54566d rgb(84,86,109)
```
#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#666883
```
#666883 rgb(102,104,131)
```
#6e708e
```
#6e708e rgb(110,112,142)
```

Shade Color Variation

#797b97
```
#797b97 rgb(121,123,151)
```
#8486a0
```
#8486a0 rgb(132,134,160)
```
#8f91a8
```
#8f91a8 rgb(143,145,168)
```
#9a9cb1
```
#9a9cb1 rgb(154,156,177)
```
#a5a7b9
```
#a5a7b9 rgb(165,167,185)
```
#b0b1c2
```
#b0b1c2 rgb(176,177,194)
```
#bbbcca
```
#bbbcca rgb(187,188,202)
```
#c6c7d3
```
#c6c7d3 rgb(198,199,211)
```
#d1d2dc
```
#d1d2dc rgb(209,210,220)
```
#dcdde4
```
#dcdde4 rgb(220,221,228)
```
#e7e8ed
```
#e7e8ed rgb(231,232,237)
```
#f2f3f5
```
#f2f3f5 rgb(242,243,245)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#656670
```
#656670 rgb(101,102,112)
```
#5d5f78
```
#5d5f78 rgb(93,95,120)
```
#555880
```
#555880 rgb(85,88,128)
```
#4d5188
```
#4d5188 rgb(77,81,136)
```
#444a91
```
#444a91 rgb(68,74,145)
```
#3c4399
```
#3c4399 rgb(60,67,153)
```
#343ca1
```
#343ca1 rgb(52,60,161)
```
#2c35a9
```
#2c35a9 rgb(44,53,169)
```
#242eb1
```
#242eb1 rgb(36,46,177)
```
#1b27ba
```
#1b27ba rgb(27,39,186)
```
#1320c2
```
#1320c2 rgb(19,32,194)
```
#0b19ca
```
#0b19ca rgb(11,25,202)
```
#0312d2
```
#0312d2 rgb(3,18,210)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#606166 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63677f Protanopia 1% of men
#66667f Deuteranopia 1% of men
#626971 Tritanopia 0.001% of the population

Trichromacy

#60647c Protanomaly 1% of men, 0.01% of women
#63647c Deuteranomaly 6% of men, 0.4% of women
#606573 Tritanomaly 0.01% of the population

#5d5f78 hex color

#5d5f78 Color Information

#5d5f78 Color Conversion

Color Schemes with #5d5f78

Alternatives to #5d5f78

#5d5f78 Preview

Shades and Tints of #5d5f78

Tones of #5d5f78

Color Blindness Simulator