#506699 hex color

In a RGB color space, hex #506699 is composed of 31.4% red, 40% green and 60% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 33.3% magenta, 0% yellow and 40% black. It has a hue angle of 221.9 degrees, a saturation of 31.3% and a lightness of 45.7%. #506699 color hex could be obtained by blending #a0ccff with #000033. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 40
- B 60
RGB color chart
- C 48
- M 33
- Y 0
- K 40
CMYK color chart

● #506699 color description : Dark moderate blue.

The hexadecimal color #506699 has RGB values of R:80, G:102, B:153 and CMYK values of C:0.48, M:0.33, Y:0, K:0.4. Its decimal value is 5269145.

Hex triplet	506699	`#506699`
RGB Decimal	80, 102, 153	`rgb(80,102,153)`
RGB Percent	31.4, 40, 60	`rgb(31.4%,40%,60%)`
CMYK	48, 33, 0, 40
HSL	221.9°, 31.3, 45.7	`hsl(221.9,31.3%,45.7%)`
HSV (or HSB)	221.9°, 47.7, 60
Web Safe	666699	`#666699`

CIE-LAB	43.518, 6.303, -30.375
XYZ	13.808, 13.508, 32.015
xyY	0.233, 0.228, 13.508
CIE-LCH	43.518, 31.022, 281.722
CIE-LUV	43.518, -11.924, -44.85
Hunter-Lab	36.753, 2.746, -25.92
Binary	01010000, 01100110, 10011001

#506699
```
#506699 rgb(80,102,153)
```
#998350
```
#998350 rgb(153,131,80)
```

Complementary Color

#508b99
```
#508b99 rgb(80,139,153)
```
#506699
```
#506699 rgb(80,102,153)
```
#5f5099
```
#5f5099 rgb(95,80,153)
```

Analogous Color

#8b9950
```
#8b9950 rgb(139,153,80)
```
#506699
```
#506699 rgb(80,102,153)
```
#995f50
```
#995f50 rgb(153,95,80)
```

Split Complementary Color

#669950
```
#669950 rgb(102,153,80)
```
#506699
```
#506699 rgb(80,102,153)
```
#995066
```
#995066 rgb(153,80,102)
```

Triadic Color

#509983
```
#509983 rgb(80,153,131)
```
#506699
```
#506699 rgb(80,102,153)
```
#995066
```
#995066 rgb(153,80,102)
```
#998350
```
#998350 rgb(153,131,80)
```

Tetradic Color

#364567
```
#364567 rgb(54,69,103)
```
#3e5078
```
#3e5078 rgb(62,80,120)
```
#475b88
```
#475b88 rgb(71,91,136)
```
#506699
```
#506699 rgb(80,102,153)
```
#5a72a9
```
#5a72a9 rgb(90,114,169)
```
#6b80b1
```
#6b80b1 rgb(107,128,177)
```
#7b8eba
```
#7b8eba rgb(123,142,186)
```

Monochromatic Color

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

#507899
```
#507899 rgb(80,120,153)
```
#507299
```
#507299 rgb(80,114,153)
```
#506c99
```
#506c99 rgb(80,108,153)
```
#506699
```
#506699 rgb(80,102,153)
```
#506099
```
#506099 rgb(80,96,153)
```
#505a99
```
#505a99 rgb(80,90,153)
```
#505499
```
#505499 rgb(80,84,153)
```

Similar Colors

Text with hexadecimal color #506699

This text has a font color of #506699.

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

#506699 background color

This paragraph has a background color of #506699.

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

#506699 border color

This element has a border color of #506699.

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

CSS codes

.text {color:#506699;}

.background {background-color:#506699;}

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

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

#06080b
```
#06080b rgb(6,8,11)
```
#0d1018
```
#0d1018 rgb(13,16,24)
```
#131925
```
#131925 rgb(19,25,37)
```
#1a2132
```
#1a2132 rgb(26,33,50)
```
#212a3f
```
#212a3f rgb(33,42,63)
```
#28324c
```
#28324c rgb(40,50,76)
```
#2e3b59
```
#2e3b59 rgb(46,59,89)
```
#354465
```
#354465 rgb(53,68,101)
```
#3c4c72
```
#3c4c72 rgb(60,76,114)
```
#43557f
```
#43557f rgb(67,85,127)
```
#495d8c
```
#495d8c rgb(73,93,140)
```
#506699
```
#506699 rgb(80,102,153)
```
#576fa6
```
#576fa6 rgb(87,111,166)
```

Shade Color Variation

#6379ad
```
#6379ad rgb(99,121,173)
```
#7084b4
```
#7084b4 rgb(112,132,180)
```
#7d8fbb
```
#7d8fbb rgb(125,143,187)
```
#8a9ac2
```
#8a9ac2 rgb(138,154,194)
```
#96a5c8
```
#96a5c8 rgb(150,165,200)
```
#a3b0cf
```
#a3b0cf rgb(163,176,207)
```
#b0bbd6
```
#b0bbd6 rgb(176,187,214)
```
#bdc7dd
```
#bdc7dd rgb(189,199,221)
```
#cad2e3
```
#cad2e3 rgb(202,210,227)
```
#d7ddea
```
#d7ddea rgb(215,221,234)
```
#e4e8f1
```
#e4e8f1 rgb(228,232,241)
```
#f1f3f7
```
#f1f3f7 rgb(241,243,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747475 is the less saturated color, while #084ae1 is the most saturated one.

#747475
```
#747475 rgb(116,116,117)
```
#6b717e
```
#6b717e rgb(107,113,126)
```
#626d87
```
#626d87 rgb(98,109,135)
```
#596a90
```
#596a90 rgb(89,106,144)
```
#506699
```
#506699 rgb(80,102,153)
```
#4762a2
```
#4762a2 rgb(71,98,162)
```
#3e5fab
```
#3e5fab rgb(62,95,171)
```
#355bb4
```
#355bb4 rgb(53,91,180)
```
#2c58bd
```
#2c58bd rgb(44,88,189)
```
#2354c6
```
#2354c6 rgb(35,84,198)
```
#1a51cf
```
#1a51cf rgb(26,81,207)
```
#114dd8
```
#114dd8 rgb(17,77,216)
```
#084ae1
```
#084ae1 rgb(8,74,225)
```

Tone Color Variation

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

#5d6d9d Protanopia 1% of men
#586e9e Deuteranopia 1% of men
#4c747d Tritanopia 0.001% of the population

Trichromacy

#586a9b Protanomaly 1% of men, 0.01% of women
#556b9c Deuteranomaly 6% of men, 0.4% of women
#4d6f87 Tritanomaly 0.01% of the population

#506699 hex color

#506699 Color Information

#506699 Color Conversion

Color Schemes with #506699

Alternatives to #506699

#506699 Preview

Shades and Tints of #506699

Tones of #506699

Color Blindness Simulator