#505878 hex color

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

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

● #505878 color description : Mostly desaturated dark blue.

The hexadecimal color #505878 has RGB values of R:80, G:88, B:120 and CMYK values of C:0.33, M:0.27, Y:0, K:0.53. Its decimal value is 5265528.

Hex triplet	505878	`#505878`
RGB Decimal	80, 88, 120	`rgb(80,88,120)`
RGB Percent	31.4, 34.5, 47.1	`rgb(31.4%,34.5%,47.1%)`
CMYK	33, 27, 0, 53
HSL	228°, 20, 39.2	`hsl(228,20%,39.2%)`
HSV (or HSB)	228°, 33.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	37.915, 5.114, -19.136
XYZ	10.187, 10.041, 19.17
xyY	0.259, 0.255, 10.041
CIE-LCH	37.915, 19.807, 284.963
CIE-LUV	37.915, -5.509, -26.811
Hunter-Lab	31.687, 1.935, -13.687
Binary	01010000, 01011000, 01111000

#505878
```
#505878 rgb(80,88,120)
```
#787050
```
#787050 rgb(120,112,80)
```

Complementary Color

#506c78
```
#506c78 rgb(80,108,120)
```
#505878
```
#505878 rgb(80,88,120)
```
#5c5078
```
#5c5078 rgb(92,80,120)
```

Analogous Color

#6c7850
```
#6c7850 rgb(108,120,80)
```
#505878
```
#505878 rgb(80,88,120)
```
#785c50
```
#785c50 rgb(120,92,80)
```

Split Complementary Color

#587850
```
#587850 rgb(88,120,80)
```
#505878
```
#505878 rgb(80,88,120)
```
#785058
```
#785058 rgb(120,80,88)
```

Triadic Color

#507870
```
#507870 rgb(80,120,112)
```
#505878
```
#505878 rgb(80,88,120)
```
#785058
```
#785058 rgb(120,80,88)
```
#787050
```
#787050 rgb(120,112,80)
```

Tetradic Color

#31364a
```
#31364a rgb(49,54,74)
```
#3c4259
```
#3c4259 rgb(60,66,89)
```
#464d69
```
#464d69 rgb(70,77,105)
```
#505878
```
#505878 rgb(80,88,120)
```
#5a6387
```
#5a6387 rgb(90,99,135)
```
#646e97
```
#646e97 rgb(100,110,151)
```
#737ca2
```
#737ca2 rgb(115,124,162)
```

Monochromatic Color

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

#506278
```
#506278 rgb(80,98,120)
```
#505f78
```
#505f78 rgb(80,95,120)
```
#505b78
```
#505b78 rgb(80,91,120)
```
#505878
```
#505878 rgb(80,88,120)
```
#505578
```
#505578 rgb(80,85,120)
```
#505178
```
#505178 rgb(80,81,120)
```
#525078
```
#525078 rgb(82,80,120)
```

Similar Colors

Text with hexadecimal color #505878

This text has a font color of #505878.

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

#505878 background color

This paragraph has a background color of #505878.

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

#505878 border color

This element has a border color of #505878.

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

CSS codes

.text {color:#505878;}

.background {background-color:#505878;}

.border {border:1px solid #505878;}

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)
```
#090a0e
```
#090a0e rgb(9,10,14)
```
#11131a
```
#11131a rgb(17,19,26)
```
#191c26
```
#191c26 rgb(25,28,38)
```
#212431
```
#212431 rgb(33,36,49)
```
#292d3d
```
#292d3d rgb(41,45,61)
```
#313549
```
#313549 rgb(49,53,73)
```
#383e55
```
#383e55 rgb(56,62,85)
```
#404760
```
#404760 rgb(64,71,96)
```
#484f6c
```
#484f6c rgb(72,79,108)
```
#505878
```
#505878 rgb(80,88,120)
```
#586184
```
#586184 rgb(88,97,132)
```
#606990
```
#606990 rgb(96,105,144)
```

Shade Color Variation

#68729b
```
#68729b rgb(104,114,155)
```
#747da2
```
#747da2 rgb(116,125,162)
```
#8088aa
```
#8088aa rgb(128,136,170)
```
#8c93b2
```
#8c93b2 rgb(140,147,178)
```
#979eba
```
#979eba rgb(151,158,186)
```
#a3a9c2
```
#a3a9c2 rgb(163,169,194)
```
#afb4ca
```
#afb4ca rgb(175,180,202)
```
#bbbfd1
```
#bbbfd1 rgb(187,191,209)
```
#c6cad9
```
#c6cad9 rgb(198,202,217)
```
#d2d5e1
```
#d2d5e1 rgb(210,213,225)
```
#dee0e9
```
#dee0e9 rgb(222,224,233)
```
#eaebf1
```
#eaebf1 rgb(234,235,241)
```
#f6f6f9
```
#f6f6f9 rgb(246,246,249)
```

Tint Color Variation

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

#5f6169
```
#5f6169 rgb(95,97,105)
```
#585d70
```
#585d70 rgb(88,93,112)
```
#505878
```
#505878 rgb(80,88,120)
```
#485380
```
#485380 rgb(72,83,128)
```
#414f87
```
#414f87 rgb(65,79,135)
```
#394a8f
```
#394a8f rgb(57,74,143)
```
#314697
```
#314697 rgb(49,70,151)
```
#2a419e
```
#2a419e rgb(42,65,158)
```
#223ca6
```
#223ca6 rgb(34,60,166)
```
#1a38ae
```
#1a38ae rgb(26,56,174)
```
#1233b6
```
#1233b6 rgb(18,51,182)
```
#0b2ebd
```
#0b2ebd rgb(11,46,189)
```
#032ac5
```
#032ac5 rgb(3,42,197)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#57595f Atypical Achromatopsia 0.001% of the population

Dichromacy

#58607f Protanopia 1% of men
#59607f Deuteranopia 1% of men
#53646b Tritanopia 0.001% of the population

Trichromacy

#555d7c Protanomaly 1% of men, 0.01% of women
#565d7c Deuteranomaly 6% of men, 0.4% of women
#525f70 Tritanomaly 0.01% of the population

#505878 hex color

#505878 Color Information

#505878 Color Conversion

Color Schemes with #505878

Alternatives to #505878

#505878 Preview

Shades and Tints of #505878

Tones of #505878

Color Blindness Simulator