#505c78 hex color

In a RGB color space, hex #505c78 is composed of 31.4% red, 36.1% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 23.3% magenta, 0% yellow and 52.9% black. It has a hue angle of 222 degrees, a saturation of 20% and a lightness of 39.2%. #505c78 color hex could be obtained by blending #a0b8f0 with #000000. Closest websafe color is: #666666.

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

● #505c78 color description : Mostly desaturated dark blue.

The hexadecimal color #505c78 has RGB values of R:80, G:92, B:120 and CMYK values of C:0.33, M:0.23, Y:0, K:0.53. Its decimal value is 5266552.

Hex triplet	505c78	`#505c78`
RGB Decimal	80, 92, 120	`rgb(80,92,120)`
RGB Percent	31.4, 36.1, 47.1	`rgb(31.4%,36.1%,47.1%)`
CMYK	33, 23, 0, 53
HSL	222°, 20, 39.2	`hsl(222,20%,39.2%)`
HSV (or HSB)	222°, 33.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	39.097, 2.614, -17.317
XYZ	10.525, 10.716, 19.282
xyY	0.26, 0.264, 10.716
CIE-LCH	39.097, 17.513, 278.585
CIE-LUV	39.097, -7.158, -24.088
Hunter-Lab	32.735, 0.106, -12.01
Binary	01010000, 01011100, 01111000

#505c78
```
#505c78 rgb(80,92,120)
```
#786c50
```
#786c50 rgb(120,108,80)
```

Complementary Color

#507078
```
#507078 rgb(80,112,120)
```
#505c78
```
#505c78 rgb(80,92,120)
```
#585078
```
#585078 rgb(88,80,120)
```

Analogous Color

#707850
```
#707850 rgb(112,120,80)
```
#505c78
```
#505c78 rgb(80,92,120)
```
#785850
```
#785850 rgb(120,88,80)
```

Split Complementary Color

#5c7850
```
#5c7850 rgb(92,120,80)
```
#505c78
```
#505c78 rgb(80,92,120)
```
#78505c
```
#78505c rgb(120,80,92)
```

Triadic Color

#50786c
```
#50786c rgb(80,120,108)
```
#505c78
```
#505c78 rgb(80,92,120)
```
#78505c
```
#78505c rgb(120,80,92)
```
#786c50
```
#786c50 rgb(120,108,80)
```

Tetradic Color

#31394a
```
#31394a rgb(49,57,74)
```
#3c4559
```
#3c4559 rgb(60,69,89)
```
#465069
```
#465069 rgb(70,80,105)
```
#505c78
```
#505c78 rgb(80,92,120)
```
#5a6887
```
#5a6887 rgb(90,104,135)
```
#647397
```
#647397 rgb(100,115,151)
```
#7381a2
```
#7381a2 rgb(115,129,162)
```

Monochromatic Color

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

#506678
```
#506678 rgb(80,102,120)
```
#506378
```
#506378 rgb(80,99,120)
```
#505f78
```
#505f78 rgb(80,95,120)
```
#505c78
```
#505c78 rgb(80,92,120)
```
#505978
```
#505978 rgb(80,89,120)
```
#505578
```
#505578 rgb(80,85,120)
```
#505278
```
#505278 rgb(80,82,120)
```

Similar Colors

Text with hexadecimal color #505c78

This text has a font color of #505c78.

<span style="color:#505c78;">Text here</span>

#505c78 background color

This paragraph has a background color of #505c78.

<p style="background-color:#505c78;">Content here</p>

#505c78 border color

This element has a border color of #505c78.

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

CSS codes

.text {color:#505c78;}

.background {background-color:#505c78;}

.border {border:1px solid #505c78;}

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

#020202
```
#020202 rgb(2,2,2)
```
#090b0e
```
#090b0e rgb(9,11,14)
```
#11141a
```
#11141a rgb(17,20,26)
```
#191d26
```
#191d26 rgb(25,29,38)
```
#212631
```
#212631 rgb(33,38,49)
```
#292f3d
```
#292f3d rgb(41,47,61)
```
#313849
```
#313849 rgb(49,56,73)
```
#384155
```
#384155 rgb(56,65,85)
```
#404a60
```
#404a60 rgb(64,74,96)
```
#48536c
```
#48536c rgb(72,83,108)
```
#505c78
```
#505c78 rgb(80,92,120)
```
#586584
```
#586584 rgb(88,101,132)
```
#606e90
```
#606e90 rgb(96,110,144)
```

Shade Color Variation

#68779b
```
#68779b rgb(104,119,155)
```
#7482a2
```
#7482a2 rgb(116,130,162)
```
#808daa
```
#808daa rgb(128,141,170)
```
#8c97b2
```
#8c97b2 rgb(140,151,178)
```
#97a2ba
```
#97a2ba rgb(151,162,186)
```
#a3acc2
```
#a3acc2 rgb(163,172,194)
```
#afb7ca
```
#afb7ca rgb(175,183,202)
```
#bbc2d1
```
#bbc2d1 rgb(187,194,209)
```
#c6ccd9
```
#c6ccd9 rgb(198,204,217)
```
#d2d7e1
```
#d2d7e1 rgb(210,215,225)
```
#dee1e9
```
#dee1e9 rgb(222,225,233)
```
#eaecf1
```
#eaecf1 rgb(234,236,241)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6269 is the less saturated color, while #033dc5 is the most saturated one.

#5f6269
```
#5f6269 rgb(95,98,105)
```
#585f70
```
#585f70 rgb(88,95,112)
```
#505c78
```
#505c78 rgb(80,92,120)
```
#485980
```
#485980 rgb(72,89,128)
```
#415687
```
#415687 rgb(65,86,135)
```
#39538f
```
#39538f rgb(57,83,143)
```
#315097
```
#315097 rgb(49,80,151)
```
#2a4d9e
```
#2a4d9e rgb(42,77,158)
```
#224aa6
```
#224aa6 rgb(34,74,166)
```
#1a46ae
```
#1a46ae rgb(26,70,174)
```
#1243b6
```
#1243b6 rgb(18,67,182)
```
#0b40bd
```
#0b40bd rgb(11,64,189)
```
#033dc5
```
#033dc5 rgb(3,61,197)
```

Tone Color Variation

Below, you can see how #505c78 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

#5c5c5c Achromatopsia 0.005% of the population
#5a5c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d637e Protanopia 1% of men
#5e627f Deuteranopia 1% of men
#54676f Tritanopia 0.001% of the population

Trichromacy

#58607c Protanomaly 1% of men, 0.01% of women
#59607c Deuteranomaly 6% of men, 0.4% of women
#536372 Tritanomaly 0.01% of the population

#505c78 hex color

#505c78 Color Information

#505c78 Color Conversion

Color Schemes with #505c78

Alternatives to #505c78

#505c78 Preview

Shades and Tints of #505c78

Tones of #505c78

Color Blindness Simulator