#506786 hex color

In a RGB color space, hex #506786 is composed of 31.4% red, 40.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 23.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 214.4 degrees, a saturation of 25.2% and a lightness of 42%. #506786 color hex could be obtained by blending #a0ceff with #00000d. Closest websafe color is: #666699.

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

● #506786 color description : Mostly desaturated dark blue.

The hexadecimal color #506786 has RGB values of R:80, G:103, B:134 and CMYK values of C:0.4, M:0.23, Y:0, K:0.47. Its decimal value is 5269382.

Hex triplet	506786	`#506786`
RGB Decimal	80, 103, 134	`rgb(80,103,134)`
RGB Percent	31.4, 40.4, 52.5	`rgb(31.4%,40.4%,52.5%)`
CMYK	40, 23, 0, 47
HSL	214.4°, 25.2, 42	`hsl(214.4,25.2%,42%)`
HSV (or HSB)	214.4°, 40.3, 52.5
Web Safe	666699	`#666699`

CIE-LAB	42.954, -0.108, -19.886
XYZ	12.461, 13.127, 24.43
xyY	0.249, 0.262, 13.127
CIE-LCH	42.954, 19.887, 269.688
CIE-LUV	42.954, -12.006, -28.123
Hunter-Lab	36.231, -2.014, -14.617
Binary	01010000, 01100111, 10000110

#506786
```
#506786 rgb(80,103,134)
```
#866f50
```
#866f50 rgb(134,111,80)
```

Complementary Color

#508286
```
#508286 rgb(80,130,134)
```
#506786
```
#506786 rgb(80,103,134)
```
#545086
```
#545086 rgb(84,80,134)
```

Analogous Color

#828650
```
#828650 rgb(130,134,80)
```
#506786
```
#506786 rgb(80,103,134)
```
#865450
```
#865450 rgb(134,84,80)
```

Split Complementary Color

#678650
```
#678650 rgb(103,134,80)
```
#506786
```
#506786 rgb(80,103,134)
```
#865067
```
#865067 rgb(134,80,103)
```

Triadic Color

#50866f
```
#50866f rgb(80,134,111)
```
#506786
```
#506786 rgb(80,103,134)
```
#865067
```
#865067 rgb(134,80,103)
```
#866f50
```
#866f50 rgb(134,111,80)
```

Tetradic Color

#334256
```
#334256 rgb(51,66,86)
```
#3d4e66
```
#3d4e66 rgb(61,78,102)
```
#465b76
```
#465b76 rgb(70,91,118)
```
#506786
```
#506786 rgb(80,103,134)
```
#5a7396
```
#5a7396 rgb(90,115,150)
```
#6680a3
```
#6680a3 rgb(102,128,163)
```
#768dad
```
#768dad rgb(118,141,173)
```

Monochromatic Color

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

#507586
```
#507586 rgb(80,117,134)
```
#507086
```
#507086 rgb(80,112,134)
```
#506c86
```
#506c86 rgb(80,108,134)
```
#506786
```
#506786 rgb(80,103,134)
```
#506386
```
#506386 rgb(80,99,134)
```
#505e86
```
#505e86 rgb(80,94,134)
```
#505a86
```
#505a86 rgb(80,90,134)
```

Similar Colors

Text with hexadecimal color #506786

This text has a font color of #506786.

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

#506786 background color

This paragraph has a background color of #506786.

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

#506786 border color

This element has a border color of #506786.

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

CSS codes

.text {color:#506786;}

.background {background-color:#506786;}

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

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, #07090b is the darkest color, while #fefefe is the lightest one.

#07090b
```
#07090b rgb(7,9,11)
```
#0e1217
```
#0e1217 rgb(14,18,23)
```
#151b24
```
#151b24 rgb(21,27,36)
```
#1d2530
```
#1d2530 rgb(29,37,48)
```
#242e3c
```
#242e3c rgb(36,46,60)
```
#2b3849
```
#2b3849 rgb(43,56,73)
```
#334155
```
#334155 rgb(51,65,85)
```
#3a4b61
```
#3a4b61 rgb(58,75,97)
```
#41546d
```
#41546d rgb(65,84,109)
```
#495e7a
```
#495e7a rgb(73,94,122)
```
#506786
```
#506786 rgb(80,103,134)
```
#577092
```
#577092 rgb(87,112,146)
```
#5f7a9f
```
#5f7a9f rgb(95,122,159)
```

Shade Color Variation

#6b84a6
```
#6b84a6 rgb(107,132,166)
```
#778eae
```
#778eae rgb(119,142,174)
```
#8398b5
```
#8398b5 rgb(131,152,181)
```
#8fa3bc
```
#8fa3bc rgb(143,163,188)
```
#9cadc4
```
#9cadc4 rgb(156,173,196)
```
#a8b7cb
```
#a8b7cb rgb(168,183,203)
```
#b4c1d2
```
#b4c1d2 rgb(180,193,210)
```
#c0cbda
```
#c0cbda rgb(192,203,218)
```
#cdd5e1
```
#cdd5e1 rgb(205,213,225)
```
#d9e0e8
```
#d9e0e8 rgb(217,224,232)
```
#e5eaf0
```
#e5eaf0 rgb(229,234,240)
```
#f2f4f7
```
#f2f4f7 rgb(242,244,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696b6d is the less saturated color, while #065cd0 is the most saturated one.

#696b6d
```
#696b6d rgb(105,107,109)
```
#606976
```
#606976 rgb(96,105,118)
```
#58687e
```
#58687e rgb(88,104,126)
```
#506786
```
#506786 rgb(80,103,134)
```
#48668e
```
#48668e rgb(72,102,142)
```
#406596
```
#406596 rgb(64,101,150)
```
#37639f
```
#37639f rgb(55,99,159)
```
#2f62a7
```
#2f62a7 rgb(47,98,167)
```
#2761af
```
#2761af rgb(39,97,175)
```
#1f60b7
```
#1f60b7 rgb(31,96,183)
```
#165ec0
```
#165ec0 rgb(22,94,192)
```
#0e5dc8
```
#0e5dc8 rgb(14,93,200)
```
#065cd0
```
#065cd0 rgb(6,92,208)
```

Tone Color Variation

Below, you can see how #506786 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
#60656b Atypical Achromatopsia 0.001% of the population

Dichromacy

#646c8a Protanopia 1% of men
#646b8d Deuteranopia 1% of men
#53727a Tritanopia 0.001% of the population

Trichromacy

#5d6a88 Protanomaly 1% of men, 0.01% of women
#5d6a8a Deuteranomaly 6% of men, 0.4% of women
#526e7e Tritanomaly 0.01% of the population

#506786 hex color

#506786 Color Information

#506786 Color Conversion

Color Schemes with #506786

Alternatives to #506786

#506786 Preview

Shades and Tints of #506786

Tones of #506786

Color Blindness Simulator