#506796 hex color

In a RGB color space, hex #506796 is composed of 31.4% red, 40.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 31.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 220.3 degrees, a saturation of 30.4% and a lightness of 45.1%. #506796 color hex could be obtained by blending #a0ceff with #00002d. Closest websafe color is: #666699.

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

● #506796 color description : Dark moderate blue.

The hexadecimal color #506796 has RGB values of R:80, G:103, B:150 and CMYK values of C:0.47, M:0.31, Y:0, K:0.41. Its decimal value is 5269398.

Hex triplet	506796	`#506796`
RGB Decimal	80, 103, 150	`rgb(80,103,150)`
RGB Percent	31.4, 40.4, 58.8	`rgb(31.4%,40.4%,58.8%)`
CMYK	47, 31, 0, 41
HSL	220.3°, 30.4, 45.1	`hsl(220.3,30.4%,45.1%)`
HSV (or HSB)	220.3°, 46.7, 58.8
Web Safe	666699	`#666699`

CIE-LAB	43.665, 4.743, -28.36
XYZ	13.662, 13.607, 30.759
xyY	0.235, 0.234, 13.607
CIE-LCH	43.665, 28.754, 279.495
CIE-LUV	43.665, -12.25, -41.635
Hunter-Lab	36.888, 1.557, -23.617
Binary	01010000, 01100111, 10010110

#506796
```
#506796 rgb(80,103,150)
```
#967f50
```
#967f50 rgb(150,127,80)
```

Complementary Color

#508a96
```
#508a96 rgb(80,138,150)
```
#506796
```
#506796 rgb(80,103,150)
```
#5c5096
```
#5c5096 rgb(92,80,150)
```

Analogous Color

#8a9650
```
#8a9650 rgb(138,150,80)
```
#506796
```
#506796 rgb(80,103,150)
```
#965c50
```
#965c50 rgb(150,92,80)
```

Split Complementary Color

#679650
```
#679650 rgb(103,150,80)
```
#506796
```
#506796 rgb(80,103,150)
```
#965067
```
#965067 rgb(150,80,103)
```

Triadic Color

#50967f
```
#50967f rgb(80,150,127)
```
#506796
```
#506796 rgb(80,103,150)
```
#965067
```
#965067 rgb(150,80,103)
```
#967f50
```
#967f50 rgb(150,127,80)
```

Tetradic Color

#354564
```
#354564 rgb(53,69,100)
```
#3e5075
```
#3e5075 rgb(62,80,117)
```
#475c85
```
#475c85 rgb(71,92,133)
```
#506796
```
#506796 rgb(80,103,150)
```
#5972a6
```
#5972a6 rgb(89,114,166)
```
#6a81af
```
#6a81af rgb(106,129,175)
```
#7a8fb8
```
#7a8fb8 rgb(122,143,184)
```

Monochromatic Color

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

#507996
```
#507996 rgb(80,121,150)
```
#507396
```
#507396 rgb(80,115,150)
```
#506d96
```
#506d96 rgb(80,109,150)
```
#506796
```
#506796 rgb(80,103,150)
```
#506196
```
#506196 rgb(80,97,150)
```
#505b96
```
#505b96 rgb(80,91,150)
```
#505696
```
#505696 rgb(80,86,150)
```

Similar Colors

Text with hexadecimal color #506796

This text has a font color of #506796.

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

#506796 background color

This paragraph has a background color of #506796.

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

#506796 border color

This element has a border color of #506796.

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

CSS codes

.text {color:#506796;}

.background {background-color:#506796;}

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0c0f16
```
#0c0f16 rgb(12,15,22)
```
#131823
```
#131823 rgb(19,24,35)
```
#192130
```
#192130 rgb(25,33,48)
```
#202a3c
```
#202a3c rgb(32,42,60)
```
#273249
```
#273249 rgb(39,50,73)
```
#2e3b56
```
#2e3b56 rgb(46,59,86)
```
#354463
```
#354463 rgb(53,68,99)
```
#3c4d70
```
#3c4d70 rgb(60,77,112)
```
#42557c
```
#42557c rgb(66,85,124)
```
#495e89
```
#495e89 rgb(73,94,137)
```
#506796
```
#506796 rgb(80,103,150)
```
#5770a3
```
#5770a3 rgb(87,112,163)
```

Shade Color Variation

#627aab
```
#627aab rgb(98,122,171)
```
#6f85b2
```
#6f85b2 rgb(111,133,178)
```
#7c90b9
```
#7c90b9 rgb(124,144,185)
```
#889bc0
```
#889bc0 rgb(136,155,192)
```
#95a5c7
```
#95a5c7 rgb(149,165,199)
```
#a2b0cd
```
#a2b0cd rgb(162,176,205)
```
#afbbd4
```
#afbbd4 rgb(175,187,212)
```
#bcc6db
```
#bcc6db rgb(188,198,219)
```
#c8d1e2
```
#c8d1e2 rgb(200,209,226)
```
#d5dce9
```
#d5dce9 rgb(213,220,233)
```
#e2e6ef
```
#e2e6ef rgb(226,230,239)
```
#eff1f6
```
#eff1f6 rgb(239,241,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#6b707b
```
#6b707b rgb(107,112,123)
```
#626d84
```
#626d84 rgb(98,109,132)
```
#596a8d
```
#596a8d rgb(89,106,141)
```
#506796
```
#506796 rgb(80,103,150)
```
#47649f
```
#47649f rgb(71,100,159)
```
#3e61a8
```
#3e61a8 rgb(62,97,168)
```
#355eb1
```
#355eb1 rgb(53,94,177)
```
#2d5bb9
```
#2d5bb9 rgb(45,91,185)
```
#2458c2
```
#2458c2 rgb(36,88,194)
```
#1b55cb
```
#1b55cb rgb(27,85,203)
```
#1252d4
```
#1252d4 rgb(18,82,212)
```
#094fdd
```
#094fdd rgb(9,79,221)
```
#004ce6
```
#004ce6 rgb(0,76,230)
```

Tone Color Variation

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

Dichromacy

#5f6d9a Protanopia 1% of men
#5b6e9b Deuteranopia 1% of men
#4e757d Tritanopia 0.001% of the population

Trichromacy

#596b98 Protanomaly 1% of men, 0.01% of women
#576b99 Deuteranomaly 6% of men, 0.4% of women
#4e6f86 Tritanomaly 0.01% of the population

#506796 hex color

#506796 Color Information

#506796 Color Conversion

Color Schemes with #506796

Alternatives to #506796

#506796 Preview

Shades and Tints of #506796

Tones of #506796

Color Blindness Simulator