colorhexa.com

#5f5c78 hex color

In a RGB color space, hex #5f5c78 is composed of 37.3% red, 36.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 23.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 246.4 degrees, a saturation of 13.2% and a lightness of 41.6%. #5f5c78 color hex could be obtained by blending #beb8f0 with #000000. Closest websafe color is: #666666.

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

● #5f5c78 color description : Dark grayish blue.

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

Hex triplet	5f5c78	`#5f5c78`
RGB Decimal	95, 92, 120	`rgb(95,92,120)`
RGB Percent	37.3, 36.1, 47.1	`rgb(37.3%,36.1%,47.1%)`
CMYK	21, 23, 0, 53
HSL	246.4°, 13.2, 41.6	`hsl(246.4,13.2%,41.6%)`
HSV (or HSB)	246.4°, 23.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	40.317, 7.64, -15.342
XYZ	11.936, 11.443, 19.348
xyY	0.279, 0.268, 11.443
CIE-LCH	40.317, 17.139, 296.472
CIE-LUV	40.317, -0.129, -22.07
Hunter-Lab	33.828, 3.784, -10.232
Binary	01011111, 01011100, 01111000

#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#75785c
```
#75785c rgb(117,120,92)
```

Complementary Color

#5c6778
```
#5c6778 rgb(92,103,120)
```
#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#6d5c78
```
#6d5c78 rgb(109,92,120)
```

Analogous Color

#67785c
```
#67785c rgb(103,120,92)
```
#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#786d5c
```
#786d5c rgb(120,109,92)
```

Split Complementary Color

#5c785f
```
#5c785f rgb(92,120,95)
```
#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#785f5c
```
#785f5c rgb(120,95,92)
```

Triadic Color

#5c7578
```
#5c7578 rgb(92,117,120)
```
#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#785f5c
```
#785f5c rgb(120,95,92)
```
#75785c
```
#75785c rgb(117,120,92)
```

Tetradic Color

#3d3b4d
```
#3d3b4d rgb(61,59,77)
```
#48465b
```
#48465b rgb(72,70,91)
```
#54516a
```
#54516a rgb(84,81,106)
```
#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#6a6786
```
#6a6786 rgb(106,103,134)
```
#777394
```
#777394 rgb(119,115,148)
```
#85829f
```
#85829f rgb(133,130,159)
```

Monochromatic Color

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

#5c6078
```
#5c6078 rgb(92,96,120)
```
#5c5e78
```
#5c5e78 rgb(92,94,120)
```
#5d5c78
```
#5d5c78 rgb(93,92,120)
```
#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#615c78
```
#615c78 rgb(97,92,120)
```
#645c78
```
#645c78 rgb(100,92,120)
```
#665c78
```
#665c78 rgb(102,92,120)
```

Similar Colors

Text with hexadecimal color #5f5c78

This text has a font color of #5f5c78.

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

#5f5c78 background color

This paragraph has a background color of #5f5c78.

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

#5f5c78 border color

This element has a border color of #5f5c78.

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

CSS codes

.text {color:#5f5c78;}

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

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

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

#070709
```
#070709 rgb(7,7,9)
```
#100f14
```
#100f14 rgb(16,15,20)
```
#19181f
```
#19181f rgb(25,24,31)
```
#21202a
```
#21202a rgb(33,32,42)
```
#2a2935
```
#2a2935 rgb(42,41,53)
```
#333140
```
#333140 rgb(51,49,64)
```
#3c3a4c
```
#3c3a4c rgb(60,58,76)
```
#454257
```
#454257 rgb(69,66,87)
```
#4d4b62
```
#4d4b62 rgb(77,75,98)
```
#56536d
```
#56536d rgb(86,83,109)
```
#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#686583
```
#686583 rgb(104,101,131)
```
#716d8e
```
#716d8e rgb(113,109,142)
```

Shade Color Variation

#7b7897
```
#7b7897 rgb(123,120,151)
```
#8683a0
```
#8683a0 rgb(134,131,160)
```
#918ea8
```
#918ea8 rgb(145,142,168)
```
#9b99b1
```
#9b99b1 rgb(155,153,177)
```
#a6a4b9
```
#a6a4b9 rgb(166,164,185)
```
#b1afc2
```
#b1afc2 rgb(177,175,194)
```
#bcbaca
```
#bcbaca rgb(188,186,202)
```
#c7c5d3
```
#c7c5d3 rgb(199,197,211)
```
#d2d0db
```
#d2d0db rgb(210,208,219)
```
#dcdce4
```
#dcdce4 rgb(220,220,228)
```
#e7e7ec
```
#e7e7ec rgb(231,231,236)
```
#f2f2f5
```
#f2f2f5 rgb(242,242,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#656470
```
#656470 rgb(101,100,112)
```
#5f5c78
```
#5f5c78 rgb(95,92,120)
```
#595480
```
#595480 rgb(89,84,128)
```
#524c88
```
#524c88 rgb(82,76,136)
```
#4c4490
```
#4c4490 rgb(76,68,144)
```
#453b99
```
#453b99 rgb(69,59,153)
```
#3f33a1
```
#3f33a1 rgb(63,51,161)
```
#392ba9
```
#392ba9 rgb(57,43,169)
```
#3223b1
```
#3223b1 rgb(50,35,177)
```
#2c1bb9
```
#2c1bb9 rgb(44,27,185)
```
#2513c1
```
#2513c1 rgb(37,19,193)
```
#1f0aca
```
#1f0aca rgb(31,10,202)
```
#1902d2
```
#1902d2 rgb(25,2,210)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#605f65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606680 Protanopia 1% of men
#64657e Deuteranopia 1% of men
#63676e Tritanopia 0.001% of the population

Trichromacy

#5f627d Protanomaly 1% of men, 0.01% of women
#62627c Deuteranomaly 6% of men, 0.4% of women
#626372 Tritanomaly 0.01% of the population