#506b78 hex color

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

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

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

The hexadecimal color #506b78 has RGB values of R:80, G:107, B:120 and CMYK values of C:0.33, M:0.11, Y:0, K:0.53. Its decimal value is 5270392.

Hex triplet	506b78	`#506b78`
RGB Decimal	80, 107, 120	`rgb(80,107,120)`
RGB Percent	31.4, 42, 47.1	`rgb(31.4%,42%,47.1%)`
CMYK	33, 11, 0, 53
HSL	199.5°, 20, 39.2	`hsl(199.5,20%,39.2%)`
HSV (or HSB)	199.5°, 33.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	43.619, -6.459, -10.439
XYZ	11.955, 13.576, 19.759
xyY	0.264, 0.3, 13.576
CIE-LCH	43.619, 12.275, 238.254
CIE-LUV	43.619, -13.534, -13.507
Hunter-Lab	36.846, -6.564, -6.002
Binary	01010000, 01101011, 01111000

#506b78
```
#506b78 rgb(80,107,120)
```
#785d50
```
#785d50 rgb(120,93,80)
```

Complementary Color

#507871
```
#507871 rgb(80,120,113)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#505778
```
#505778 rgb(80,87,120)
```

Analogous Color

#787150
```
#787150 rgb(120,113,80)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#785057
```
#785057 rgb(120,80,87)
```

Split Complementary Color

#6b7850
```
#6b7850 rgb(107,120,80)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#78506b
```
#78506b rgb(120,80,107)
```

Triadic Color

#50785d
```
#50785d rgb(80,120,93)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#78506b
```
#78506b rgb(120,80,107)
```
#785d50
```
#785d50 rgb(120,93,80)
```

Tetradic Color

#31424a
```
#31424a rgb(49,66,74)
```
#3c5059
```
#3c5059 rgb(60,80,89)
```
#465d69
```
#465d69 rgb(70,93,105)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#5a7987
```
#5a7987 rgb(90,121,135)
```
#648697
```
#648697 rgb(100,134,151)
```
#7392a2
```
#7392a2 rgb(115,146,162)
```

Monochromatic Color

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

#507578
```
#507578 rgb(80,117,120)
```
#507278
```
#507278 rgb(80,114,120)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#506878
```
#506878 rgb(80,104,120)
```
#506478
```
#506478 rgb(80,100,120)
```
#506178
```
#506178 rgb(80,97,120)
```

Similar Colors

Text with hexadecimal color #506b78

This text has a font color of #506b78.

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

#506b78 background color

This paragraph has a background color of #506b78.

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

#506b78 border color

This element has a border color of #506b78.

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

CSS codes

.text {color:#506b78;}

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

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

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)
```
#314149
```
#314149 rgb(49,65,73)
```
#384c55
```
#384c55 rgb(56,76,85)
```
#405660
```
#405660 rgb(64,86,96)
```
#48616c
```
#48616c rgb(72,97,108)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#587584
```
#587584 rgb(88,117,132)
```
#608090
```
#608090 rgb(96,128,144)
```

Shade Color Variation

#688a9b
```
#688a9b rgb(104,138,155)
```
#7493a2
```
#7493a2 rgb(116,147,162)
```
#809caa
```
#809caa rgb(128,156,170)
```
#8ca6b2
```
#8ca6b2 rgb(140,166,178)
```
#97afba
```
#97afba rgb(151,175,186)
```
#a3b8c2
```
#a3b8c2 rgb(163,184,194)
```
#afc1ca
```
#afc1ca rgb(175,193,202)
```
#bbcad1
```
#bbcad1 rgb(187,202,209)
```
#c6d3d9
```
#c6d3d9 rgb(198,211,217)
```
#d2dce1
```
#d2dce1 rgb(210,220,225)
```
#dee5e9
```
#dee5e9 rgb(222,229,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 #0386c5 is the most saturated one.

#5f6669
```
#5f6669 rgb(95,102,105)
```
#586870
```
#586870 rgb(88,104,112)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#486e80
```
#486e80 rgb(72,110,128)
```
#417087
```
#417087 rgb(65,112,135)
```
#39738f
```
#39738f rgb(57,115,143)
```
#317697
```
#317697 rgb(49,118,151)
```
#2a789e
```
#2a789e rgb(42,120,158)
```
#227ba6
```
#227ba6 rgb(34,123,166)
```
#1a7eae
```
#1a7eae rgb(26,126,174)
```
#1281b6
```
#1281b6 rgb(18,129,182)
```
#0b83bd
```
#0b83bd rgb(11,131,189)
```
#0386c5
```
#0386c5 rgb(3,134,197)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#606568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6e7c Protanopia 1% of men
#6f6c81 Deuteranopia 1% of men
#58737b Tritanopia 0.001% of the population

Trichromacy

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

#506b78 hex color

#506b78 Color Information

#506b78 Color Conversion

Color Schemes with #506b78

Alternatives to #506b78

#506b78 Preview

Shades and Tints of #506b78

Tones of #506b78

Color Blindness Simulator