#505386 hex color

In a RGB color space, hex #505386 is composed of 31.4% red, 32.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 38.1% magenta, 0% yellow and 47.5% black. It has a hue angle of 236.7 degrees, a saturation of 25.2% and a lightness of 42%. #505386 color hex could be obtained by blending #a0a6ff with #00000d. Closest websafe color is: #666699.

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

● #505386 color description : Mostly desaturated dark blue.

The hexadecimal color #505386 has RGB values of R:80, G:83, B:134 and CMYK values of C:0.4, M:0.38, Y:0, K:0.47. Its decimal value is 5264262.

Hex triplet	505386	`#505386`
RGB Decimal	80, 83, 134	`rgb(80,83,134)`
RGB Percent	31.4, 32.5, 52.5	`rgb(31.4%,32.5%,52.5%)`
CMYK	40, 38, 0, 47
HSL	236.7°, 25.2, 42	`hsl(236.7,25.2%,42%)`
HSV (or HSB)	236.7°, 40.3, 52.5
Web Safe	666699	`#666699`

CIE-LAB	37.139, 12.409, -28.933
XYZ	10.704, 9.613, 23.844
xyY	0.242, 0.218, 9.613
CIE-LCH	37.139, 31.482, 293.214
CIE-LUV	37.139, -4.226, -41.641
Hunter-Lab	31.005, 7.365, -23.894
Binary	01010000, 01010011, 10000110

#505386
```
#505386 rgb(80,83,134)
```
#868350
```
#868350 rgb(134,131,80)
```

Complementary Color

#506e86
```
#506e86 rgb(80,110,134)
```
#505386
```
#505386 rgb(80,83,134)
```
#685086
```
#685086 rgb(104,80,134)
```

Analogous Color

#6e8650
```
#6e8650 rgb(110,134,80)
```
#505386
```
#505386 rgb(80,83,134)
```
#866850
```
#866850 rgb(134,104,80)
```

Split Complementary Color

#538650
```
#538650 rgb(83,134,80)
```
#505386
```
#505386 rgb(80,83,134)
```
#865053
```
#865053 rgb(134,80,83)
```

Triadic Color

#508683
```
#508683 rgb(80,134,131)
```
#505386
```
#505386 rgb(80,83,134)
```
#865053
```
#865053 rgb(134,80,83)
```
#868350
```
#868350 rgb(134,131,80)
```

Tetradic Color

#333556
```
#333556 rgb(51,53,86)
```
#3d3f66
```
#3d3f66 rgb(61,63,102)
```
#464976
```
#464976 rgb(70,73,118)
```
#505386
```
#505386 rgb(80,83,134)
```
#5a5d96
```
#5a5d96 rgb(90,93,150)
```
#6669a3
```
#6669a3 rgb(102,105,163)
```
#7679ad
```
#7679ad rgb(118,121,173)
```

Monochromatic Color

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

#506186
```
#506186 rgb(80,97,134)
```
#505c86
```
#505c86 rgb(80,92,134)
```
#505886
```
#505886 rgb(80,88,134)
```
#505386
```
#505386 rgb(80,83,134)
```
#525086
```
#525086 rgb(82,80,134)
```
#565086
```
#565086 rgb(86,80,134)
```
#5a5086
```
#5a5086 rgb(90,80,134)
```

Similar Colors

Text with hexadecimal color #505386

This text has a font color of #505386.

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

#505386 background color

This paragraph has a background color of #505386.

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

#505386 border color

This element has a border color of #505386.

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

CSS codes

.text {color:#505386;}

.background {background-color:#505386;}

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

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

#07070b
```
#07070b rgb(7,7,11)
```
#0e0f17
```
#0e0f17 rgb(14,15,23)
```
#151624
```
#151624 rgb(21,22,36)
```
#1d1e30
```
#1d1e30 rgb(29,30,48)
```
#24253c
```
#24253c rgb(36,37,60)
```
#2b2d49
```
#2b2d49 rgb(43,45,73)
```
#333555
```
#333555 rgb(51,53,85)
```
#3a3c61
```
#3a3c61 rgb(58,60,97)
```
#41446d
```
#41446d rgb(65,68,109)
```
#494b7a
```
#494b7a rgb(73,75,122)
```
#505386
```
#505386 rgb(80,83,134)
```
#575b92
```
#575b92 rgb(87,91,146)
```
#5f629f
```
#5f629f rgb(95,98,159)
```

Shade Color Variation

#6b6ea6
```
#6b6ea6 rgb(107,110,166)
```
#777aae
```
#777aae rgb(119,122,174)
```
#8386b5
```
#8386b5 rgb(131,134,181)
```
#8f92bc
```
#8f92bc rgb(143,146,188)
```
#9c9ec4
```
#9c9ec4 rgb(156,158,196)
```
#a8aacb
```
#a8aacb rgb(168,170,203)
```
#b4b6d2
```
#b4b6d2 rgb(180,182,210)
```
#c0c2da
```
#c0c2da rgb(192,194,218)
```
#cdcee1
```
#cdcee1 rgb(205,206,225)
```
#d9dae8
```
#d9dae8 rgb(217,218,232)
```
#e5e6f0
```
#e5e6f0 rgb(229,230,240)
```
#f2f2f7
```
#f2f2f7 rgb(242,242,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #69696d is the less saturated color, while #0611d0 is the most saturated one.

#69696d
```
#69696d rgb(105,105,109)
```
#606276
```
#606276 rgb(96,98,118)
```
#585a7e
```
#585a7e rgb(88,90,126)
```
#505386
```
#505386 rgb(80,83,134)
```
#484c8e
```
#484c8e rgb(72,76,142)
```
#404496
```
#404496 rgb(64,68,150)
```
#373d9f
```
#373d9f rgb(55,61,159)
```
#2f36a7
```
#2f36a7 rgb(47,54,167)
```
#272eaf
```
#272eaf rgb(39,46,175)
```
#1f27b7
```
#1f27b7 rgb(31,39,183)
```
#1620c0
```
#1620c0 rgb(22,32,192)
```
#0e18c8
```
#0e18c8 rgb(14,24,200)
```
#0611d0
```
#0611d0 rgb(6,17,208)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#565761 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5e8e Protanopia 1% of men
#4a5f8a Deuteranopia 1% of men
#4e636a Tritanopia 0.001% of the population

Trichromacy

#4e5a8b Protanomaly 1% of men, 0.01% of women
#4c5b89 Deuteranomaly 6% of men, 0.4% of women
#4f5d74 Tritanomaly 0.01% of the population

#505386 hex color

#505386 Color Information

#505386 Color Conversion

Color Schemes with #505386

Alternatives to #505386

#505386 Preview

Shades and Tints of #505386

Tones of #505386

Color Blindness Simulator