#506e78 hex color

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

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

● #506e78 color description : Mostly desaturated dark cyan.

The hexadecimal color #506e78 has RGB values of R:80, G:110, B:120 and CMYK values of C:0.33, M:0.08, Y:0, K:0.53. Its decimal value is 5271160.

Hex triplet	506e78	`#506e78`
RGB Decimal	80, 110, 120	`rgb(80,110,120)`
RGB Percent	31.4, 43.1, 47.1	`rgb(31.4%,43.1%,47.1%)`
CMYK	33, 8, 0, 53
HSL	195°, 20, 39.2	`hsl(195,20%,39.2%)`
HSV (or HSB)	195°, 33.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	44.537, -8.21, -9.059
XYZ	12.274, 14.213, 19.865
xyY	0.265, 0.307, 14.213
CIE-LCH	44.537, 12.226, 227.816
CIE-LUV	44.537, -14.832, -11.351
Hunter-Lab	37.7, -7.863, -4.851
Binary	01010000, 01101110, 01111000

#506e78
```
#506e78 rgb(80,110,120)
```
#785a50
```
#785a50 rgb(120,90,80)
```

Complementary Color

#50786e
```
#50786e rgb(80,120,110)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#505a78
```
#505a78 rgb(80,90,120)
```

Analogous Color

#786e50
```
#786e50 rgb(120,110,80)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#78505a
```
#78505a rgb(120,80,90)
```

Split Complementary Color

#6e7850
```
#6e7850 rgb(110,120,80)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#78506e
```
#78506e rgb(120,80,110)
```

Triadic Color

#50785a
```
#50785a rgb(80,120,90)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#78506e
```
#78506e rgb(120,80,110)
```
#785a50
```
#785a50 rgb(120,90,80)
```

Tetradic Color

#31444a
```
#31444a rgb(49,68,74)
```
#3c5259
```
#3c5259 rgb(60,82,89)
```
#466069
```
#466069 rgb(70,96,105)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#5a7c87
```
#5a7c87 rgb(90,124,135)
```
#648a97
```
#648a97 rgb(100,138,151)
```
#7396a2
```
#7396a2 rgb(115,150,162)
```

Monochromatic Color

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

#507878
```
#507878 rgb(80,120,120)
```
#507578
```
#507578 rgb(80,117,120)
```
#507178
```
#507178 rgb(80,113,120)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#506b78
```
#506b78 rgb(80,107,120)
```
#506778
```
#506778 rgb(80,103,120)
```
#506478
```
#506478 rgb(80,100,120)
```

Similar Colors

Text with hexadecimal color #506e78

This text has a font color of #506e78.

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

#506e78 background color

This paragraph has a background color of #506e78.

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

#506e78 border color

This element has a border color of #506e78.

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

CSS codes

.text {color:#506e78;}

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

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

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)
```
#11181a
```
#11181a rgb(17,24,26)
```
#192226
```
#192226 rgb(25,34,38)
```
#212d31
```
#212d31 rgb(33,45,49)
```
#29383d
```
#29383d rgb(41,56,61)
```
#314349
```
#314349 rgb(49,67,73)
```
#384e55
```
#384e55 rgb(56,78,85)
```
#405860
```
#405860 rgb(64,88,96)
```
#48636c
```
#48636c rgb(72,99,108)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#587984
```
#587984 rgb(88,121,132)
```
#608490
```
#608490 rgb(96,132,144)
```

Shade Color Variation

#688e9b
```
#688e9b rgb(104,142,155)
```
#7497a2
```
#7497a2 rgb(116,151,162)
```
#80a0aa
```
#80a0aa rgb(128,160,170)
```
#8ca8b2
```
#8ca8b2 rgb(140,168,178)
```
#97b1ba
```
#97b1ba rgb(151,177,186)
```
#a3bac2
```
#a3bac2 rgb(163,186,194)
```
#afc3ca
```
#afc3ca rgb(175,195,202)
```
#bbccd1
```
#bbccd1 rgb(187,204,209)
```
#c6d5d9
```
#c6d5d9 rgb(198,213,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 #0394c5 is the most saturated one.

#5f6669
```
#5f6669 rgb(95,102,105)
```
#586a70
```
#586a70 rgb(88,106,112)
```
#506e78
```
#506e78 rgb(80,110,120)
```
#487280
```
#487280 rgb(72,114,128)
```
#417687
```
#417687 rgb(65,118,135)
```
#397a8f
```
#397a8f rgb(57,122,143)
```
#317d97
```
#317d97 rgb(49,125,151)
```
#2a819e
```
#2a819e rgb(42,129,158)
```
#2285a6
```
#2285a6 rgb(34,133,166)
```
#1a89ae
```
#1a89ae rgb(26,137,174)
```
#128db6
```
#128db6 rgb(18,141,182)
```
#0b91bd
```
#0b91bd rgb(11,145,189)
```
#0394c5
```
#0394c5 rgb(3,148,197)
```

Tone Color Variation

Below, you can see how #506e78 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
#62686a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f707c Protanopia 1% of men
#736e81 Deuteranopia 1% of men
#58757e Tritanopia 0.001% of the population

Trichromacy

#646f7a Protanomaly 1% of men, 0.01% of women
#666e7e Deuteranomaly 6% of men, 0.4% of women
#55727b Tritanomaly 0.01% of the population

#506e78 hex color

#506e78 Color Information

#506e78 Color Conversion

Color Schemes with #506e78

Alternatives to #506e78

#506e78 Preview

Shades and Tints of #506e78

Tones of #506e78

Color Blindness Simulator