#506398 hex color

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

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

● #506398 color description : Dark moderate blue.

The hexadecimal color #506398 has RGB values of R:80, G:99, B:152 and CMYK values of C:0.47, M:0.35, Y:0, K:0.4. Its decimal value is 5268376.

Hex triplet	506398	`#506398`
RGB Decimal	80, 99, 152	`rgb(80,99,152)`
RGB Percent	31.4, 38.8, 59.6	`rgb(31.4%,38.8%,59.6%)`
CMYK	47, 35, 0, 40
HSL	224.2°, 31, 45.5	`hsl(224.2,31%,45.5%)`
HSV (or HSB)	224.2°, 47.4, 59.6
Web Safe	666699	`#666699`

CIE-LAB	42.606, 7.856, -31.211
XYZ	13.436, 12.896, 31.485
xyY	0.232, 0.223, 12.896
CIE-LCH	42.606, 32.184, 284.129
CIE-LUV	42.606, -10.787, -46.066
Hunter-Lab	35.91, 3.945, -26.846
Binary	01010000, 01100011, 10011000

#506398
```
#506398 rgb(80,99,152)
```
#988550
```
#988550 rgb(152,133,80)
```

Complementary Color

#508798
```
#508798 rgb(80,135,152)
```
#506398
```
#506398 rgb(80,99,152)
```
#615098
```
#615098 rgb(97,80,152)
```

Analogous Color

#879850
```
#879850 rgb(135,152,80)
```
#506398
```
#506398 rgb(80,99,152)
```
#986150
```
#986150 rgb(152,97,80)
```

Split Complementary Color

#639850
```
#639850 rgb(99,152,80)
```
#506398
```
#506398 rgb(80,99,152)
```
#985063
```
#985063 rgb(152,80,99)
```

Triadic Color

#509885
```
#509885 rgb(80,152,133)
```
#506398
```
#506398 rgb(80,99,152)
```
#985063
```
#985063 rgb(152,80,99)
```
#988550
```
#988550 rgb(152,133,80)
```

Tetradic Color

#364266
```
#364266 rgb(54,66,102)
```
#3e4d77
```
#3e4d77 rgb(62,77,119)
```
#475887
```
#475887 rgb(71,88,135)
```
#506398
```
#506398 rgb(80,99,152)
```
#5a6ea8
```
#5a6ea8 rgb(90,110,168)
```
#6a7db1
```
#6a7db1 rgb(106,125,177)
```
#7b8bba
```
#7b8bba rgb(123,139,186)
```

Monochromatic Color

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

#507598
```
#507598 rgb(80,117,152)
```
#506f98
```
#506f98 rgb(80,111,152)
```
#506998
```
#506998 rgb(80,105,152)
```
#506398
```
#506398 rgb(80,99,152)
```
#505d98
```
#505d98 rgb(80,93,152)
```
#505798
```
#505798 rgb(80,87,152)
```
#505198
```
#505198 rgb(80,81,152)
```

Similar Colors

Text with hexadecimal color #506398

This text has a font color of #506398.

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

#506398 background color

This paragraph has a background color of #506398.

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

#506398 border color

This element has a border color of #506398.

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

CSS codes

.text {color:#506398;}

.background {background-color:#506398;}

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

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)
```
#0c0f17
```
#0c0f17 rgb(12,15,23)
```
#131824
```
#131824 rgb(19,24,36)
```
#1a2031
```
#1a2031 rgb(26,32,49)
```
#21283e
```
#21283e rgb(33,40,62)
```
#27314b
```
#27314b rgb(39,49,75)
```
#2e3958
```
#2e3958 rgb(46,57,88)
```
#354265
```
#354265 rgb(53,66,101)
```
#3c4a71
```
#3c4a71 rgb(60,74,113)
```
#42527e
```
#42527e rgb(66,82,126)
```
#495b8b
```
#495b8b rgb(73,91,139)
```
#506398
```
#506398 rgb(80,99,152)
```
#576ba5
```
#576ba5 rgb(87,107,165)
```

Shade Color Variation

#6376ad
```
#6376ad rgb(99,118,173)
```
#6f81b3
```
#6f81b3 rgb(111,129,179)
```
#7c8dba
```
#7c8dba rgb(124,141,186)
```
#8998c1
```
#8998c1 rgb(137,152,193)
```
#96a3c8
```
#96a3c8 rgb(150,163,200)
```
#a3aece
```
#a3aece rgb(163,174,206)
```
#b0bad5
```
#b0bad5 rgb(176,186,213)
```
#bdc5dc
```
#bdc5dc rgb(189,197,220)
```
#c9d0e3
```
#c9d0e3 rgb(201,208,227)
```
#d6dbea
```
#d6dbea rgb(214,219,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 #0941df is the most saturated one.

#747474
```
#747474 rgb(116,116,116)
```
#6b707d
```
#6b707d rgb(107,112,125)
```
#626b86
```
#626b86 rgb(98,107,134)
```
#59678f
```
#59678f rgb(89,103,143)
```
#506398
```
#506398 rgb(80,99,152)
```
#475fa1
```
#475fa1 rgb(71,95,161)
```
#3e5baa
```
#3e5baa rgb(62,91,170)
```
#3556b3
```
#3556b3 rgb(53,86,179)
```
#2c52bc
```
#2c52bc rgb(44,82,188)
```
#234ec5
```
#234ec5 rgb(35,78,197)
```
#1a4ace
```
#1a4ace rgb(26,74,206)
```
#1246d6
```
#1246d6 rgb(18,70,214)
```
#0941df
```
#0941df rgb(9,65,223)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5f636e Atypical Achromatopsia 0.001% of the population

Dichromacy

#596a9d Protanopia 1% of men
#546c9c Deuteranopia 1% of men
#4c727a Tritanopia 0.001% of the population

Trichromacy

#56689b Protanomaly 1% of men, 0.01% of women
#52689b Deuteranomaly 6% of men, 0.4% of women
#4d6c85 Tritanomaly 0.01% of the population

#506398 hex color

#506398 Color Information

#506398 Color Conversion

Color Schemes with #506398

Alternatives to #506398

#506398 Preview

Shades and Tints of #506398

Tones of #506398

Color Blindness Simulator