#50678e hex color

In a RGB color space, hex #50678e is composed of 31.4% red, 40.4% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 43.7% cyan, 27.5% magenta, 0% yellow and 44.3% black. It has a hue angle of 217.7 degrees, a saturation of 27.9% and a lightness of 43.5%. #50678e color hex could be obtained by blending #a0ceff with #00001d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 40
- B 56
RGB color chart
- C 44
- M 27
- Y 0
- K 44
CMYK color chart

● #50678e color description : Mostly desaturated dark blue.

The hexadecimal color #50678e has RGB values of R:80, G:103, B:142 and CMYK values of C:0.44, M:0.27, Y:0, K:0.44. Its decimal value is 5269390.

Hex triplet	50678e	`#50678e`
RGB Decimal	80, 103, 142	`rgb(80,103,142)`
RGB Percent	31.4, 40.4, 55.7	`rgb(31.4%,40.4%,55.7%)`
CMYK	44, 27, 0, 44
HSL	217.7°, 27.9, 43.5	`hsl(217.7,27.9%,43.5%)`
HSV (or HSB)	217.7°, 43.7, 55.7
Web Safe	666699	`#666699`

CIE-LAB	43.298, 2.282, -24.154
XYZ	13.04, 13.358, 27.481
xyY	0.242, 0.248, 13.358
CIE-LCH	43.298, 24.261, 275.397
CIE-LUV	43.298, -12.125, -34.884
Hunter-Lab	36.549, -0.276, -18.995
Binary	01010000, 01100111, 10001110

#50678e
```
#50678e rgb(80,103,142)
```
#8e7750
```
#8e7750 rgb(142,119,80)
```

Complementary Color

#50868e
```
#50868e rgb(80,134,142)
```
#50678e
```
#50678e rgb(80,103,142)
```
#58508e
```
#58508e rgb(88,80,142)
```

Analogous Color

#868e50
```
#868e50 rgb(134,142,80)
```
#50678e
```
#50678e rgb(80,103,142)
```
#8e5850
```
#8e5850 rgb(142,88,80)
```

Split Complementary Color

#678e50
```
#678e50 rgb(103,142,80)
```
#50678e
```
#50678e rgb(80,103,142)
```
#8e5067
```
#8e5067 rgb(142,80,103)
```

Triadic Color

#508e77
```
#508e77 rgb(80,142,119)
```
#50678e
```
#50678e rgb(80,103,142)
```
#8e5067
```
#8e5067 rgb(142,80,103)
```
#8e7750
```
#8e7750 rgb(142,119,80)
```

Tetradic Color

#34445d
```
#34445d rgb(52,68,93)
```
#3e4f6d
```
#3e4f6d rgb(62,79,109)
```
#475b7e
```
#475b7e rgb(71,91,126)
```
#50678e
```
#50678e rgb(80,103,142)
```
#59739e
```
#59739e rgb(89,115,158)
```
#6780aa
```
#6780aa rgb(103,128,170)
```
#788eb3
```
#788eb3 rgb(120,142,179)
```

Monochromatic Color

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

#50778e
```
#50778e rgb(80,119,142)
```
#50718e
```
#50718e rgb(80,113,142)
```
#506c8e
```
#506c8e rgb(80,108,142)
```
#50678e
```
#50678e rgb(80,103,142)
```
#50628e
```
#50628e rgb(80,98,142)
```
#505d8e
```
#505d8e rgb(80,93,142)
```
#50588e
```
#50588e rgb(80,88,142)
```

Similar Colors

Text with hexadecimal color #50678e

This text has a font color of #50678e.

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

#50678e background color

This paragraph has a background color of #50678e.

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

#50678e border color

This element has a border color of #50678e.

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

CSS codes

.text {color:#50678e;}

.background {background-color:#50678e;}

.border {border:1px solid #50678e;}

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, #020304 is the darkest color, while #f6f8fa is the lightest one.

#020304
```
#020304 rgb(2,3,4)
```
#090c11
```
#090c11 rgb(9,12,17)
```
#10151d
```
#10151d rgb(16,21,29)
```
#171e2a
```
#171e2a rgb(23,30,42)
```
#1f2736
```
#1f2736 rgb(31,39,54)
```
#263043
```
#263043 rgb(38,48,67)
```
#2d394f
```
#2d394f rgb(45,57,79)
```
#34435c
```
#34435c rgb(52,67,92)
```
#3b4c68
```
#3b4c68 rgb(59,76,104)
```
#425575
```
#425575 rgb(66,85,117)
```
#495e81
```
#495e81 rgb(73,94,129)
```
#50678e
```
#50678e rgb(80,103,142)
```
#57709b
```
#57709b rgb(87,112,155)
```

Shade Color Variation

#607aa5
```
#607aa5 rgb(96,122,165)
```
#6c84ac
```
#6c84ac rgb(108,132,172)
```
#798fb3
```
#798fb3 rgb(121,143,179)
```
#8699bb
```
#8699bb rgb(134,153,187)
```
#92a4c2
```
#92a4c2 rgb(146,164,194)
```
#9faec9
```
#9faec9 rgb(159,174,201)
```
#abb9d0
```
#abb9d0 rgb(171,185,208)
```
#b8c3d7
```
#b8c3d7 rgb(184,195,215)
```
#c4cede
```
#c4cede rgb(196,206,222)
```
#d1d8e5
```
#d1d8e5 rgb(209,216,229)
```
#dde3ec
```
#dde3ec rgb(221,227,236)
```
#eaedf3
```
#eaedf3 rgb(234,237,243)
```
#f6f8fa
```
#f6f8fa rgb(246,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6e74 is the less saturated color, while #0353db is the most saturated one.

#6a6e74
```
#6a6e74 rgb(106,110,116)
```
#616b7d
```
#616b7d rgb(97,107,125)
```
#596985
```
#596985 rgb(89,105,133)
```
#50678e
```
#50678e rgb(80,103,142)
```
#476597
```
#476597 rgb(71,101,151)
```
#3f639f
```
#3f639f rgb(63,99,159)
```
#3660a8
```
#3660a8 rgb(54,96,168)
```
#2e5eb0
```
#2e5eb0 rgb(46,94,176)
```
#255cb9
```
#255cb9 rgb(37,92,185)
```
#1d5ac1
```
#1d5ac1 rgb(29,90,193)
```
#1458ca
```
#1458ca rgb(20,88,202)
```
#0c55d2
```
#0c55d2 rgb(12,85,210)
```
#0353db
```
#0353db rgb(3,83,219)
```

Tone Color Variation

Below, you can see how #50678e 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
#61656d Atypical Achromatopsia 0.001% of the population

Dichromacy

#626c92 Protanopia 1% of men
#606d94 Deuteranopia 1% of men
#51737c Tritanopia 0.001% of the population

Trichromacy

#5b6a90 Protanomaly 1% of men, 0.01% of women
#5a6a92 Deuteranomaly 6% of men, 0.4% of women
#506f82 Tritanomaly 0.01% of the population

#50678e hex color

#50678e Color Information

#50678e Color Conversion

Color Schemes with #50678e

Alternatives to #50678e

#50678e Preview

Shades and Tints of #50678e

Tones of #50678e

Color Blindness Simulator