#506278 hex color

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

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

● #506278 color description : Mostly desaturated dark blue.

The hexadecimal color #506278 has RGB values of R:80, G:98, B:120 and CMYK values of C:0.33, M:0.18, Y:0, K:0.53. Its decimal value is 5268088.

Hex triplet	506278	`#506278`
RGB Decimal	80, 98, 120	`rgb(80,98,120)`
RGB Percent	31.4, 38.4, 47.1	`rgb(31.4%,38.4%,47.1%)`
CMYK	33, 18, 0, 53
HSL	213°, 20, 39.2	`hsl(213,20%,39.2%)`
HSV (or HSB)	213°, 33.3, 47.1
Web Safe	666666	`#666666`

CIE-LAB	40.891, -1.076, -14.573
XYZ	11.065, 11.797, 19.462
xyY	0.261, 0.279, 11.797
CIE-LCH	40.891, 14.613, 265.778
CIE-LUV	40.891, -9.679, -19.911
Hunter-Lab	34.346, -2.598, -9.554
Binary	01010000, 01100010, 01111000

#506278
```
#506278 rgb(80,98,120)
```
#786650
```
#786650 rgb(120,102,80)
```

Complementary Color

#507678
```
#507678 rgb(80,118,120)
```
#506278
```
#506278 rgb(80,98,120)
```
#525078
```
#525078 rgb(82,80,120)
```

Analogous Color

#767850
```
#767850 rgb(118,120,80)
```
#506278
```
#506278 rgb(80,98,120)
```
#785250
```
#785250 rgb(120,82,80)
```

Split Complementary Color

#627850
```
#627850 rgb(98,120,80)
```
#506278
```
#506278 rgb(80,98,120)
```
#785062
```
#785062 rgb(120,80,98)
```

Triadic Color

#507866
```
#507866 rgb(80,120,102)
```
#506278
```
#506278 rgb(80,98,120)
```
#785062
```
#785062 rgb(120,80,98)
```
#786650
```
#786650 rgb(120,102,80)
```

Tetradic Color

#313d4a
```
#313d4a rgb(49,61,74)
```
#3c4959
```
#3c4959 rgb(60,73,89)
```
#465669
```
#465669 rgb(70,86,105)
```
#506278
```
#506278 rgb(80,98,120)
```
#5a6e87
```
#5a6e87 rgb(90,110,135)
```
#647b97
```
#647b97 rgb(100,123,151)
```
#7388a2
```
#7388a2 rgb(115,136,162)
```

Monochromatic Color

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

#506c78
```
#506c78 rgb(80,108,120)
```
#506978
```
#506978 rgb(80,105,120)
```
#506578
```
#506578 rgb(80,101,120)
```
#506278
```
#506278 rgb(80,98,120)
```
#505f78
```
#505f78 rgb(80,95,120)
```
#505b78
```
#505b78 rgb(80,91,120)
```
#505878
```
#505878 rgb(80,88,120)
```

Similar Colors

Text with hexadecimal color #506278

This text has a font color of #506278.

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

#506278 background color

This paragraph has a background color of #506278.

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

#506278 border color

This element has a border color of #506278.

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

CSS codes

.text {color:#506278;}

.background {background-color:#506278;}

.border {border:1px solid #506278;}

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

#020202
```
#020202 rgb(2,2,2)
```
#090b0e
```
#090b0e rgb(9,11,14)
```
#11151a
```
#11151a rgb(17,21,26)
```
#191f26
```
#191f26 rgb(25,31,38)
```
#212831
```
#212831 rgb(33,40,49)
```
#29323d
```
#29323d rgb(41,50,61)
```
#313c49
```
#313c49 rgb(49,60,73)
```
#384555
```
#384555 rgb(56,69,85)
```
#404f60
```
#404f60 rgb(64,79,96)
```
#48586c
```
#48586c rgb(72,88,108)
```
#506278
```
#506278 rgb(80,98,120)
```
#586c84
```
#586c84 rgb(88,108,132)
```
#607590
```
#607590 rgb(96,117,144)
```

Shade Color Variation

#687f9b
```
#687f9b rgb(104,127,155)
```
#7489a2
```
#7489a2 rgb(116,137,162)
```
#8093aa
```
#8093aa rgb(128,147,170)
```
#8c9db2
```
#8c9db2 rgb(140,157,178)
```
#97a7ba
```
#97a7ba rgb(151,167,186)
```
#a3b1c2
```
#a3b1c2 rgb(163,177,194)
```
#afbbca
```
#afbbca rgb(175,187,202)
```
#bbc5d1
```
#bbc5d1 rgb(187,197,209)
```
#c6cfd9
```
#c6cfd9 rgb(198,207,217)
```
#d2d9e1
```
#d2d9e1 rgb(210,217,225)
```
#dee3e9
```
#dee3e9 rgb(222,227,233)
```
#eaedf1
```
#eaedf1 rgb(234,237,241)
```
#f6f7f9
```
#f6f7f9 rgb(246,247,249)
```

Tint Color Variation

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

#5f6469
```
#5f6469 rgb(95,100,105)
```
#586370
```
#586370 rgb(88,99,112)
```
#506278
```
#506278 rgb(80,98,120)
```
#486180
```
#486180 rgb(72,97,128)
```
#416087
```
#416087 rgb(65,96,135)
```
#39608f
```
#39608f rgb(57,96,143)
```
#315f97
```
#315f97 rgb(49,95,151)
```
#2a5e9e
```
#2a5e9e rgb(42,94,158)
```
#225da6
```
#225da6 rgb(34,93,166)
```
#1a5dae
```
#1a5dae rgb(26,93,174)
```
#125cb6
```
#125cb6 rgb(18,92,182)
```
#0b5bbd
```
#0b5bbd rgb(11,91,189)
```
#035ac5
```
#035ac5 rgb(3,90,197)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5c6064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63677d Protanopia 1% of men
#656680 Deuteranopia 1% of men
#566c74 Tritanopia 0.001% of the population

Trichromacy

#5c657b Protanomaly 1% of men, 0.01% of women
#5d657d Deuteranomaly 6% of men, 0.4% of women
#536875 Tritanomaly 0.01% of the population

#506278 hex color

#506278 Color Information

#506278 Color Conversion

Color Schemes with #506278

Alternatives to #506278

#506278 Preview

Shades and Tints of #506278

Tones of #506278

Color Blindness Simulator