#506d78 hex color

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

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

● #506d78 color description : Mostly desaturated dark blue.

The hexadecimal color #506d78 has RGB values of R:80, G:109, B:120 and CMYK values of C:0.33, M:0.09, Y:0, K:0.53. Its decimal value is 5270904.

Hex triplet	506d78	`#506d78`
RGB Decimal	80, 109, 120	`rgb(80,109,120)`
RGB Percent	31.4, 42.7, 47.1	`rgb(31.4%,42.7%,47.1%)`
CMYK	33, 9, 0, 53
HSL	196.5°, 20, 39.2	`hsl(196.5,20%,39.2%)`
HSV (or HSB)	196.5°, 33.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	44.231, -7.629, -9.519
XYZ	12.166, 13.998, 19.829
xyY	0.265, 0.304, 13.998
CIE-LCH	44.231, 12.199, 231.291
CIE-LUV	44.231, -14.399, -12.07
Hunter-Lab	37.414, -7.431, -5.233
Binary	01010000, 01101101, 01111000

#506d78
```
#506d78 rgb(80,109,120)
```
#785b50
```
#785b50 rgb(120,91,80)
```

Complementary Color

#50786f
```
#50786f rgb(80,120,111)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#505978
```
#505978 rgb(80,89,120)
```

Analogous Color

#786f50
```
#786f50 rgb(120,111,80)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#785059
```
#785059 rgb(120,80,89)
```

Split Complementary Color

#6d7850
```
#6d7850 rgb(109,120,80)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#78506d
```
#78506d rgb(120,80,109)
```

Triadic Color

#50785b
```
#50785b rgb(80,120,91)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#78506d
```
#78506d rgb(120,80,109)
```
#785b50
```
#785b50 rgb(120,91,80)
```

Tetradic Color

#31434a
```
#31434a rgb(49,67,74)
```
#3c5159
```
#3c5159 rgb(60,81,89)
```
#465f69
```
#465f69 rgb(70,95,105)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#5a7b87
```
#5a7b87 rgb(90,123,135)
```
#648997
```
#648997 rgb(100,137,151)
```
#7395a2
```
#7395a2 rgb(115,149,162)
```

Monochromatic Color

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

#507778
```
#507778 rgb(80,119,120)
```
#507478
```
#507478 rgb(80,116,120)
```
#507078
```
#507078 rgb(80,112,120)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#506a78
```
#506a78 rgb(80,106,120)
```
#506678
```
#506678 rgb(80,102,120)
```
#506378
```
#506378 rgb(80,99,120)
```

Similar Colors

Text with hexadecimal color #506d78

This text has a font color of #506d78.

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

#506d78 background color

This paragraph has a background color of #506d78.

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

#506d78 border color

This element has a border color of #506d78.

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

CSS codes

.text {color:#506d78;}

.background {background-color:#506d78;}

.border {border:1px solid #506d78;}

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 #f6f8f9 is the lightest one.

#020202
```
#020202 rgb(2,2,2)
```
#090d0e
```
#090d0e rgb(9,13,14)
```
#11171a
```
#11171a rgb(17,23,26)
```
#192226
```
#192226 rgb(25,34,38)
```
#212d31
```
#212d31 rgb(33,45,49)
```
#29383d
```
#29383d rgb(41,56,61)
```
#314249
```
#314249 rgb(49,66,73)
```
#384d55
```
#384d55 rgb(56,77,85)
```
#405860
```
#405860 rgb(64,88,96)
```
#48626c
```
#48626c rgb(72,98,108)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#587884
```
#587884 rgb(88,120,132)
```
#608290
```
#608290 rgb(96,130,144)
```

Shade Color Variation

#688d9b
```
#688d9b rgb(104,141,155)
```
#7496a2
```
#7496a2 rgb(116,150,162)
```
#809faa
```
#809faa rgb(128,159,170)
```
#8ca8b2
```
#8ca8b2 rgb(140,168,178)
```
#97b0ba
```
#97b0ba rgb(151,176,186)
```
#a3b9c2
```
#a3b9c2 rgb(163,185,194)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#bbcbd1
```
#bbcbd1 rgb(187,203,209)
```
#c6d4d9
```
#c6d4d9 rgb(198,212,217)
```
#d2dde1
```
#d2dde1 rgb(210,221,225)
```
#dee6e9
```
#dee6e9 rgb(222,230,233)
```
#eaeff1
```
#eaeff1 rgb(234,239,241)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#5f6669
```
#5f6669 rgb(95,102,105)
```
#586a70
```
#586a70 rgb(88,106,112)
```
#506d78
```
#506d78 rgb(80,109,120)
```
#487080
```
#487080 rgb(72,112,128)
```
#417487
```
#417487 rgb(65,116,135)
```
#39778f
```
#39778f rgb(57,119,143)
```
#317b97
```
#317b97 rgb(49,123,151)
```
#2a7e9e
```
#2a7e9e rgb(42,126,158)
```
#2282a6
```
#2282a6 rgb(34,130,166)
```
#1a85ae
```
#1a85ae rgb(26,133,174)
```
#1289b6
```
#1289b6 rgb(18,137,182)
```
#0b8cbd
```
#0b8cbd rgb(11,140,189)
```
#0390c5
```
#0390c5 rgb(3,144,197)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62676a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6f7c Protanopia 1% of men
#726d81 Deuteranopia 1% of men
#58747d Tritanopia 0.001% of the population

Trichromacy

#636e7a Protanomaly 1% of men, 0.01% of women
#656d7d Deuteranomaly 6% of men, 0.4% of women
#55727b Tritanomaly 0.01% of the population

#506d78 hex color

#506d78 Color Information

#506d78 Color Conversion

Color Schemes with #506d78

Alternatives to #506d78

#506d78 Preview

Shades and Tints of #506d78

Tones of #506d78

Color Blindness Simulator