#506c78 hex color

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

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

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

The hexadecimal color #506c78 has RGB values of R:80, G:108, B:120 and CMYK values of C:0.33, M:0.1, Y:0, K:0.53. Its decimal value is 5270648.

Hex triplet	506c78	`#506c78`
RGB Decimal	80, 108, 120	`rgb(80,108,120)`
RGB Percent	31.4, 42.4, 47.1	`rgb(31.4%,42.4%,47.1%)`
CMYK	33, 10, 0, 53
HSL	198°, 20, 39.2	`hsl(198,20%,39.2%)`
HSV (or HSB)	198°, 33.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	43.925, -7.045, -9.979
XYZ	12.06, 13.786, 19.794
xyY	0.264, 0.302, 13.786
CIE-LCH	43.925, 12.215, 234.778
CIE-LUV	43.925, -13.966, -12.789
Hunter-Lab	37.13, -6.998, -5.617
Binary	01010000, 01101100, 01111000

#506c78
```
#506c78 rgb(80,108,120)
```
#785c50
```
#785c50 rgb(120,92,80)
```

Complementary Color

#507870
```
#507870 rgb(80,120,112)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#505878
```
#505878 rgb(80,88,120)
```

Analogous Color

#787050
```
#787050 rgb(120,112,80)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#785058
```
#785058 rgb(120,80,88)
```

Split Complementary Color

#6c7850
```
#6c7850 rgb(108,120,80)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#78506c
```
#78506c rgb(120,80,108)
```

Triadic Color

#50785c
```
#50785c rgb(80,120,92)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#78506c
```
#78506c rgb(120,80,108)
```
#785c50
```
#785c50 rgb(120,92,80)
```

Tetradic Color

#31434a
```
#31434a rgb(49,67,74)
```
#3c5059
```
#3c5059 rgb(60,80,89)
```
#465e69
```
#465e69 rgb(70,94,105)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#5a7a87
```
#5a7a87 rgb(90,122,135)
```
#648897
```
#648897 rgb(100,136,151)
```
#7394a2
```
#7394a2 rgb(115,148,162)
```

Monochromatic Color

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

#507678
```
#507678 rgb(80,118,120)
```
#507378
```
#507378 rgb(80,115,120)
```
#506f78
```
#506f78 rgb(80,111,120)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#506978
```
#506978 rgb(80,105,120)
```
#506578
```
#506578 rgb(80,101,120)
```
#506278
```
#506278 rgb(80,98,120)
```

Similar Colors

Text with hexadecimal color #506c78

This text has a font color of #506c78.

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

#506c78 background color

This paragraph has a background color of #506c78.

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

#506c78 border color

This element has a border color of #506c78.

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

CSS codes

.text {color:#506c78;}

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

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

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)
```
#212c31
```
#212c31 rgb(33,44,49)
```
#29373d
```
#29373d rgb(41,55,61)
```
#314249
```
#314249 rgb(49,66,73)
```
#384c55
```
#384c55 rgb(56,76,85)
```
#405760
```
#405760 rgb(64,87,96)
```
#48616c
```
#48616c rgb(72,97,108)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#587784
```
#587784 rgb(88,119,132)
```
#608190
```
#608190 rgb(96,129,144)
```

Shade Color Variation

#688b9b
```
#688b9b rgb(104,139,155)
```
#7494a2
```
#7494a2 rgb(116,148,162)
```
#809eaa
```
#809eaa rgb(128,158,170)
```
#8ca7b2
```
#8ca7b2 rgb(140,167,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 #038bc5 is the most saturated one.

#5f6669
```
#5f6669 rgb(95,102,105)
```
#586970
```
#586970 rgb(88,105,112)
```
#506c78
```
#506c78 rgb(80,108,120)
```
#486f80
```
#486f80 rgb(72,111,128)
```
#417287
```
#417287 rgb(65,114,135)
```
#39758f
```
#39758f rgb(57,117,143)
```
#317897
```
#317897 rgb(49,120,151)
```
#2a7b9e
```
#2a7b9e rgb(42,123,158)
```
#227ea6
```
#227ea6 rgb(34,126,166)
```
#1a82ae
```
#1a82ae rgb(26,130,174)
```
#1285b6
```
#1285b6 rgb(18,133,182)
```
#0b88bd
```
#0b88bd rgb(11,136,189)
```
#038bc5
```
#038bc5 rgb(3,139,197)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#616669 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6e7c Protanopia 1% of men
#716d81 Deuteranopia 1% of men
#58747c Tritanopia 0.001% of the population

Trichromacy

#626d7a Protanomaly 1% of men, 0.01% of women
#656c7d Deuteranomaly 6% of men, 0.4% of women
#55717a Tritanomaly 0.01% of the population

#506c78 hex color

#506c78 Color Information

#506c78 Color Conversion

Color Schemes with #506c78

Alternatives to #506c78

#506c78 Preview

Shades and Tints of #506c78

Tones of #506c78

Color Blindness Simulator