#506598 hex color

In a RGB color space, hex #506598 is composed of 31.4% red, 39.6% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 33.6% magenta, 0% yellow and 40.4% black. It has a hue angle of 222.5 degrees, a saturation of 31% and a lightness of 45.5%. #506598 color hex could be obtained by blending #a0caff with #000031. Closest websafe color is: #666699.

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

● #506598 color description : Dark moderate blue.

The hexadecimal color #506598 has RGB values of R:80, G:101, B:152 and CMYK values of C:0.47, M:0.34, Y:0, K:0.4. Its decimal value is 5268888.

Hex triplet	506598	`#506598`
RGB Decimal	80, 101, 152	`rgb(80,101,152)`
RGB Percent	31.4, 39.6, 59.6	`rgb(31.4%,39.6%,59.6%)`
CMYK	47, 34, 0, 40
HSL	222.5°, 31, 45.5	`hsl(222.5,31%,45.5%)`
HSV (or HSB)	222.5°, 47.4, 59.6
Web Safe	666699	`#666699`

CIE-LAB	43.181, 6.609, -30.308
XYZ	13.628, 13.279, 31.549
xyY	0.233, 0.227, 13.279
CIE-LCH	43.181, 31.02, 282.302
CIE-LUV	43.181, -11.531, -44.701
Hunter-Lab	36.441, 2.985, -25.823
Binary	01010000, 01100101, 10011000

#506598
```
#506598 rgb(80,101,152)
```
#988350
```
#988350 rgb(152,131,80)
```

Complementary Color

#508998
```
#508998 rgb(80,137,152)
```
#506598
```
#506598 rgb(80,101,152)
```
#5f5098
```
#5f5098 rgb(95,80,152)
```

Analogous Color

#899850
```
#899850 rgb(137,152,80)
```
#506598
```
#506598 rgb(80,101,152)
```
#985f50
```
#985f50 rgb(152,95,80)
```

Split Complementary Color

#659850
```
#659850 rgb(101,152,80)
```
#506598
```
#506598 rgb(80,101,152)
```
#985065
```
#985065 rgb(152,80,101)
```

Triadic Color

#509883
```
#509883 rgb(80,152,131)
```
#506598
```
#506598 rgb(80,101,152)
```
#985065
```
#985065 rgb(152,80,101)
```
#988350
```
#988350 rgb(152,131,80)
```

Tetradic Color

#364466
```
#364466 rgb(54,68,102)
```
#3e4f77
```
#3e4f77 rgb(62,79,119)
```
#475a87
```
#475a87 rgb(71,90,135)
```
#506598
```
#506598 rgb(80,101,152)
```
#5a70a8
```
#5a70a8 rgb(90,112,168)
```
#6a7fb1
```
#6a7fb1 rgb(106,127,177)
```
#7b8dba
```
#7b8dba rgb(123,141,186)
```

Monochromatic Color

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

#507798
```
#507798 rgb(80,119,152)
```
#507198
```
#507198 rgb(80,113,152)
```
#506b98
```
#506b98 rgb(80,107,152)
```
#506598
```
#506598 rgb(80,101,152)
```
#505f98
```
#505f98 rgb(80,95,152)
```
#505998
```
#505998 rgb(80,89,152)
```
#505398
```
#505398 rgb(80,83,152)
```

Similar Colors

Text with hexadecimal color #506598

This text has a font color of #506598.

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

#506598 background color

This paragraph has a background color of #506598.

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

#506598 border color

This element has a border color of #506598.

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

CSS codes

.text {color:#506598;}

.background {background-color:#506598;}

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

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

#06070b
```
#06070b rgb(6,7,11)
```
#0c1017
```
#0c1017 rgb(12,16,23)
```
#131824
```
#131824 rgb(19,24,36)
```
#1a2131
```
#1a2131 rgb(26,33,49)
```
#21293e
```
#21293e rgb(33,41,62)
```
#27324b
```
#27324b rgb(39,50,75)
```
#2e3a58
```
#2e3a58 rgb(46,58,88)
```
#354365
```
#354365 rgb(53,67,101)
```
#3c4b71
```
#3c4b71 rgb(60,75,113)
```
#42547e
```
#42547e rgb(66,84,126)
```
#495c8b
```
#495c8b rgb(73,92,139)
```
#506598
```
#506598 rgb(80,101,152)
```
#576ea5
```
#576ea5 rgb(87,110,165)
```

Shade Color Variation

#6378ad
```
#6378ad rgb(99,120,173)
```
#6f83b3
```
#6f83b3 rgb(111,131,179)
```
#7c8eba
```
#7c8eba rgb(124,142,186)
```
#8999c1
```
#8999c1 rgb(137,153,193)
```
#96a4c8
```
#96a4c8 rgb(150,164,200)
```
#a3b0ce
```
#a3b0ce rgb(163,176,206)
```
#b0bbd5
```
#b0bbd5 rgb(176,187,213)
```
#bdc6dc
```
#bdc6dc rgb(189,198,220)
```
#c9d1e3
```
#c9d1e3 rgb(201,209,227)
```
#d6dcea
```
#d6dcea rgb(214,220,234)
```
#e3e7f0
```
#e3e7f0 rgb(227,231,240)
```
#f0f2f7
```
#f0f2f7 rgb(240,242,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#747474
```
#747474 rgb(116,116,116)
```
#6b707d
```
#6b707d rgb(107,112,125)
```
#626c86
```
#626c86 rgb(98,108,134)
```
#59698f
```
#59698f rgb(89,105,143)
```
#506598
```
#506598 rgb(80,101,152)
```
#4761a1
```
#4761a1 rgb(71,97,161)
```
#3e5eaa
```
#3e5eaa rgb(62,94,170)
```
#355ab3
```
#355ab3 rgb(53,90,179)
```
#2c56bc
```
#2c56bc rgb(44,86,188)
```
#2352c5
```
#2352c5 rgb(35,82,197)
```
#1a4fce
```
#1a4fce rgb(26,79,206)
```
#124bd6
```
#124bd6 rgb(18,75,214)
```
#0947df
```
#0947df rgb(9,71,223)
```

Tone Color Variation

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

#5c6c9c Protanopia 1% of men
#576d9d Deuteranopia 1% of men
#4c737c Tritanopia 0.001% of the population

Trichromacy

#57699b Protanomaly 1% of men, 0.01% of women
#546a9b Deuteranomaly 6% of men, 0.4% of women
#4e6e86 Tritanomaly 0.01% of the population

#506598 hex color

#506598 Color Information

#506598 Color Conversion

Color Schemes with #506598

Alternatives to #506598

#506598 Preview

Shades and Tints of #506598

Tones of #506598

Color Blindness Simulator