#506593 hex color

In a RGB color space, hex #506593 is composed of 31.4% red, 39.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 31.3% magenta, 0% yellow and 42.4% black. It has a hue angle of 221.2 degrees, a saturation of 29.5% and a lightness of 44.5%. #506593 color hex could be obtained by blending #a0caff with #000027. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 40
- B 58
RGB color chart
- C 46
- M 31
- Y 0
- K 42
CMYK color chart

● #506593 color description : Dark moderate blue.

The hexadecimal color #506593 has RGB values of R:80, G:101, B:147 and CMYK values of C:0.46, M:0.31, Y:0, K:0.42. Its decimal value is 5268883.

Hex triplet	506593	`#506593`
RGB Decimal	80, 101, 147	`rgb(80,101,147)`
RGB Percent	31.4, 39.6, 57.6	`rgb(31.4%,39.6%,57.6%)`
CMYK	46, 31, 0, 42
HSL	221.2°, 29.5, 44.5	`hsl(221.2,29.5%,44.5%)`
HSV (or HSB)	221.2°, 45.6, 57.6
Web Safe	666699	`#666699`

CIE-LAB	42.942, 5.048, -27.699
XYZ	13.227, 13.119, 29.437
xyY	0.237, 0.235, 13.119
CIE-LCH	42.942, 28.156, 280.329
CIE-LUV	42.942, -11.435, -40.504
Hunter-Lab	36.22, 1.802, -22.833
Binary	01010000, 01100101, 10010011

#506593
```
#506593 rgb(80,101,147)
```
#937e50
```
#937e50 rgb(147,126,80)
```

Complementary Color

#508793
```
#508793 rgb(80,135,147)
```
#506593
```
#506593 rgb(80,101,147)
```
#5d5093
```
#5d5093 rgb(93,80,147)
```

Analogous Color

#879350
```
#879350 rgb(135,147,80)
```
#506593
```
#506593 rgb(80,101,147)
```
#935d50
```
#935d50 rgb(147,93,80)
```

Split Complementary Color

#659350
```
#659350 rgb(101,147,80)
```
#506593
```
#506593 rgb(80,101,147)
```
#935065
```
#935065 rgb(147,80,101)
```

Triadic Color

#50937e
```
#50937e rgb(80,147,126)
```
#506593
```
#506593 rgb(80,101,147)
```
#935065
```
#935065 rgb(147,80,101)
```
#937e50
```
#937e50 rgb(147,126,80)
```

Tetradic Color

#354361
```
#354361 rgb(53,67,97)
```
#3e4e72
```
#3e4e72 rgb(62,78,114)
```
#475a82
```
#475a82 rgb(71,90,130)
```
#506593
```
#506593 rgb(80,101,147)
```
#5970a4
```
#5970a4 rgb(89,112,164)
```
#697ead
```
#697ead rgb(105,126,173)
```
#798cb6
```
#798cb6 rgb(121,140,182)
```

Monochromatic Color

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

#507693
```
#507693 rgb(80,118,147)
```
#507093
```
#507093 rgb(80,112,147)
```
#506b93
```
#506b93 rgb(80,107,147)
```
#506593
```
#506593 rgb(80,101,147)
```
#505f93
```
#505f93 rgb(80,95,147)
```
#505a93
```
#505a93 rgb(80,90,147)
```
#505493
```
#505493 rgb(80,84,147)
```

Similar Colors

Text with hexadecimal color #506593

This text has a font color of #506593.

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

#506593 background color

This paragraph has a background color of #506593.

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

#506593 border color

This element has a border color of #506593.

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

CSS codes

.text {color:#506593;}

.background {background-color:#506593;}

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

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0e14
```
#0b0e14 rgb(11,14,20)
```
#121621
```
#121621 rgb(18,22,33)
```
#191f2d
```
#191f2d rgb(25,31,45)
```
#20283a
```
#20283a rgb(32,40,58)
```
#273147
```
#273147 rgb(39,49,71)
```
#2d3953
```
#2d3953 rgb(45,57,83)
```
#344260
```
#344260 rgb(52,66,96)
```
#3b4b6d
```
#3b4b6d rgb(59,75,109)
```
#42547a
```
#42547a rgb(66,84,122)
```
#495c86
```
#495c86 rgb(73,92,134)
```
#506593
```
#506593 rgb(80,101,147)
```
#576ea0
```
#576ea0 rgb(87,110,160)
```

Shade Color Variation

#6178a9
```
#6178a9 rgb(97,120,169)
```
#6e83b0
```
#6e83b0 rgb(110,131,176)
```
#7b8db7
```
#7b8db7 rgb(123,141,183)
```
#8798be
```
#8798be rgb(135,152,190)
```
#94a3c5
```
#94a3c5 rgb(148,163,197)
```
#a1aecc
```
#a1aecc rgb(161,174,204)
```
#adb9d3
```
#adb9d3 rgb(173,185,211)
```
#bac4d9
```
#bac4d9 rgb(186,196,217)
```
#c7cfe0
```
#c7cfe0 rgb(199,207,224)
```
#d3dae7
```
#d3dae7 rgb(211,218,231)
```
#e0e5ee
```
#e0e5ee rgb(224,229,238)
```
#edeff5
```
#edeff5 rgb(237,239,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#6a6f79
```
#6a6f79 rgb(106,111,121)
```
#616c82
```
#616c82 rgb(97,108,130)
```
#59688a
```
#59688a rgb(89,104,138)
```
#506593
```
#506593 rgb(80,101,147)
```
#47629c
```
#47629c rgb(71,98,156)
```
#3f5ea4
```
#3f5ea4 rgb(63,94,164)
```
#365bad
```
#365bad rgb(54,91,173)
```
#2d58b6
```
#2d58b6 rgb(45,88,182)
```
#2455bf
```
#2455bf rgb(36,85,191)
```
#1c51c7
```
#1c51c7 rgb(28,81,199)
```
#134ed0
```
#134ed0 rgb(19,78,208)
```
#0a4bd9
```
#0a4bd9 rgb(10,75,217)
```
#0148e2
```
#0148e2 rgb(1,72,226)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#60646d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6b97 Protanopia 1% of men
#5a6c98 Deuteranopia 1% of men
#4e737b Tritanopia 0.001% of the population

Trichromacy

#596996 Protanomaly 1% of men, 0.01% of women
#566996 Deuteranomaly 6% of men, 0.4% of women
#4f6d83 Tritanomaly 0.01% of the population

#506593 hex color

#506593 Color Information

#506593 Color Conversion

Color Schemes with #506593

Alternatives to #506593

#506593 Preview

Shades and Tints of #506593

Tones of #506593

Color Blindness Simulator