#506797 hex color

In a RGB color space, hex #506797 is composed of 31.4% red, 40.4% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 47% cyan, 31.8% magenta, 0% yellow and 40.8% black. It has a hue angle of 220.6 degrees, a saturation of 30.7% and a lightness of 45.3%. #506797 color hex could be obtained by blending #a0ceff with #00002f. Closest websafe color is: #666699.

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

● #506797 color description : Dark moderate blue.

The hexadecimal color #506797 has RGB values of R:80, G:103, B:151 and CMYK values of C:0.47, M:0.32, Y:0, K:0.41. Its decimal value is 5269399.

Hex triplet	506797	`#506797`
RGB Decimal	80, 103, 151	`rgb(80,103,151)`
RGB Percent	31.4, 40.4, 59.2	`rgb(31.4%,40.4%,59.2%)`
CMYK	47, 32, 0, 41
HSL	220.6°, 30.7, 45.3	`hsl(220.6,30.7%,45.3%)`
HSV (or HSB)	220.6°, 47, 59.2
Web Safe	666699	`#666699`

CIE-LAB	43.712, 5.055, -28.882
XYZ	13.743, 13.64, 31.185
xyY	0.235, 0.233, 13.64
CIE-LCH	43.712, 29.321, 279.928
CIE-LUV	43.712, -12.266, -42.476
Hunter-Lab	36.932, 1.793, -24.211
Binary	01010000, 01100111, 10010111

#506797
```
#506797 rgb(80,103,151)
```
#978050
```
#978050 rgb(151,128,80)
```

Complementary Color

#508b97
```
#508b97 rgb(80,139,151)
```
#506797
```
#506797 rgb(80,103,151)
```
#5c5097
```
#5c5097 rgb(92,80,151)
```

Analogous Color

#8b9750
```
#8b9750 rgb(139,151,80)
```
#506797
```
#506797 rgb(80,103,151)
```
#975d50
```
#975d50 rgb(151,93,80)
```

Split Complementary Color

#679750
```
#679750 rgb(103,151,80)
```
#506797
```
#506797 rgb(80,103,151)
```
#975067
```
#975067 rgb(151,80,103)
```

Triadic Color

#509780
```
#509780 rgb(80,151,128)
```
#506797
```
#506797 rgb(80,103,151)
```
#975067
```
#975067 rgb(151,80,103)
```
#978050
```
#978050 rgb(151,128,80)
```

Tetradic Color

#364565
```
#364565 rgb(54,69,101)
```
#3e5076
```
#3e5076 rgb(62,80,118)
```
#475c86
```
#475c86 rgb(71,92,134)
```
#506797
```
#506797 rgb(80,103,151)
```
#5973a7
```
#5973a7 rgb(89,115,167)
```
#6a81b0
```
#6a81b0 rgb(106,129,176)
```
#7b8fb9
```
#7b8fb9 rgb(123,143,185)
```

Monochromatic Color

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

#507997
```
#507997 rgb(80,121,151)
```
#507397
```
#507397 rgb(80,115,151)
```
#506d97
```
#506d97 rgb(80,109,151)
```
#506797
```
#506797 rgb(80,103,151)
```
#506197
```
#506197 rgb(80,97,151)
```
#505b97
```
#505b97 rgb(80,91,151)
```
#505597
```
#505597 rgb(80,85,151)
```

Similar Colors

Text with hexadecimal color #506797

This text has a font color of #506797.

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

#506797 background color

This paragraph has a background color of #506797.

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

#506797 border color

This element has a border color of #506797.

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

CSS codes

.text {color:#506797;}

.background {background-color:#506797;}

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

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, #05070a is the darkest color, while #fcfdfd is the lightest one.

#05070a
```
#05070a rgb(5,7,10)
```
#0c1017
```
#0c1017 rgb(12,16,23)
```
#131824
```
#131824 rgb(19,24,36)
```
#1a2130
```
#1a2130 rgb(26,33,48)
```
#202a3d
```
#202a3d rgb(32,42,61)
```
#27334a
```
#27334a rgb(39,51,74)
```
#2e3b57
```
#2e3b57 rgb(46,59,87)
```
#354464
```
#354464 rgb(53,68,100)
```
#3c4d71
```
#3c4d71 rgb(60,77,113)
```
#42567d
```
#42567d rgb(66,86,125)
```
#495e8a
```
#495e8a rgb(73,94,138)
```
#506797
```
#506797 rgb(80,103,151)
```
#5770a4
```
#5770a4 rgb(87,112,164)
```

Shade Color Variation

#627aac
```
#627aac rgb(98,122,172)
```
#6f85b3
```
#6f85b3 rgb(111,133,179)
```
#7c90ba
```
#7c90ba rgb(124,144,186)
```
#899bc0
```
#899bc0 rgb(137,155,192)
```
#96a6c7
```
#96a6c7 rgb(150,166,199)
```
#a2b0ce
```
#a2b0ce rgb(162,176,206)
```
#afbbd5
```
#afbbd5 rgb(175,187,213)
```
#bcc6dc
```
#bcc6dc rgb(188,198,220)
```
#c9d1e2
```
#c9d1e2 rgb(201,209,226)
```
#d6dce9
```
#d6dce9 rgb(214,220,233)
```
#e2e7f0
```
#e2e7f0 rgb(226,231,240)
```
#eff2f7
```
#eff2f7 rgb(239,242,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#6b707c
```
#6b707c rgb(107,112,124)
```
#626d85
```
#626d85 rgb(98,109,133)
```
#596a8e
```
#596a8e rgb(89,106,142)
```
#506797
```
#506797 rgb(80,103,151)
```
#4764a0
```
#4764a0 rgb(71,100,160)
```
#3e61a9
```
#3e61a9 rgb(62,97,169)
```
#355eb2
```
#355eb2 rgb(53,94,178)
```
#2c5abb
```
#2c5abb rgb(44,90,187)
```
#2457c3
```
#2457c3 rgb(36,87,195)
```
#1b54cc
```
#1b54cc rgb(27,84,204)
```
#1251d5
```
#1251d5 rgb(18,81,213)
```
#094ede
```
#094ede rgb(9,78,222)
```
#004be7
```
#004be7 rgb(0,75,231)
```

Tone Color Variation

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

Dichromacy

#5f6d9b Protanopia 1% of men
#5b6e9c Deuteranopia 1% of men
#4d757d Tritanopia 0.001% of the population

Trichromacy

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

#506797 hex color

#506797 Color Information

#506797 Color Conversion

Color Schemes with #506797

Alternatives to #506797

#506797 Preview

Shades and Tints of #506797

Tones of #506797

Color Blindness Simulator