#505786 hex color

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

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

● #505786 color description : Mostly desaturated dark blue.

The hexadecimal color #505786 has RGB values of R:80, G:87, B:134 and CMYK values of C:0.4, M:0.35, Y:0, K:0.47. Its decimal value is 5265286.

Hex triplet	505786	`#505786`
RGB Decimal	80, 87, 134	`rgb(80,87,134)`
RGB Percent	31.4, 34.1, 52.5	`rgb(31.4%,34.1%,52.5%)`
CMYK	40, 35, 0, 47
HSL	232.2°, 25.2, 42	`hsl(232.2,25.2%,42%)`
HSV (or HSB)	232.2°, 40.3, 52.5
Web Safe	666699	`#666699`

CIE-LAB	38.275, 9.857, -27.151
XYZ	11.019, 10.243, 23.949
xyY	0.244, 0.227, 10.243
CIE-LCH	38.275, 28.885, 289.953
CIE-LUV	38.275, -5.714, -39.09
Hunter-Lab	32.004, 5.447, -21.965
Binary	01010000, 01010111, 10000110

#505786
```
#505786 rgb(80,87,134)
```
#867f50
```
#867f50 rgb(134,127,80)
```

Complementary Color

#507286
```
#507286 rgb(80,114,134)
```
#505786
```
#505786 rgb(80,87,134)
```
#645086
```
#645086 rgb(100,80,134)
```

Analogous Color

#728650
```
#728650 rgb(114,134,80)
```
#505786
```
#505786 rgb(80,87,134)
```
#866450
```
#866450 rgb(134,100,80)
```

Split Complementary Color

#578650
```
#578650 rgb(87,134,80)
```
#505786
```
#505786 rgb(80,87,134)
```
#865057
```
#865057 rgb(134,80,87)
```

Triadic Color

#50867f
```
#50867f rgb(80,134,127)
```
#505786
```
#505786 rgb(80,87,134)
```
#865057
```
#865057 rgb(134,80,87)
```
#867f50
```
#867f50 rgb(134,127,80)
```

Tetradic Color

#333856
```
#333856 rgb(51,56,86)
```
#3d4266
```
#3d4266 rgb(61,66,102)
```
#464d76
```
#464d76 rgb(70,77,118)
```
#505786
```
#505786 rgb(80,87,134)
```
#5a6196
```
#5a6196 rgb(90,97,150)
```
#666ea3
```
#666ea3 rgb(102,110,163)
```
#767dad
```
#767dad rgb(118,125,173)
```

Monochromatic Color

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

#506586
```
#506586 rgb(80,101,134)
```
#506086
```
#506086 rgb(80,96,134)
```
#505c86
```
#505c86 rgb(80,92,134)
```
#505786
```
#505786 rgb(80,87,134)
```
#505386
```
#505386 rgb(80,83,134)
```
#525086
```
#525086 rgb(82,80,134)
```
#565086
```
#565086 rgb(86,80,134)
```

Similar Colors

Text with hexadecimal color #505786

This text has a font color of #505786.

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

#505786 background color

This paragraph has a background color of #505786.

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

#505786 border color

This element has a border color of #505786.

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

CSS codes

.text {color:#505786;}

.background {background-color:#505786;}

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

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)
```
#151724
```
#151724 rgb(21,23,36)
```
#1d1f30
```
#1d1f30 rgb(29,31,48)
```
#24273c
```
#24273c rgb(36,39,60)
```
#2b2f49
```
#2b2f49 rgb(43,47,73)
```
#333755
```
#333755 rgb(51,55,85)
```
#3a3f61
```
#3a3f61 rgb(58,63,97)
```
#41476d
```
#41476d rgb(65,71,109)
```
#494f7a
```
#494f7a rgb(73,79,122)
```
#505786
```
#505786 rgb(80,87,134)
```
#575f92
```
#575f92 rgb(87,95,146)
```
#5f679f
```
#5f679f rgb(95,103,159)
```

Shade Color Variation

#6b72a6
```
#6b72a6 rgb(107,114,166)
```
#777eae
```
#777eae rgb(119,126,174)
```
#838ab5
```
#838ab5 rgb(131,138,181)
```
#8f95bc
```
#8f95bc rgb(143,149,188)
```
#9ca1c4
```
#9ca1c4 rgb(156,161,196)
```
#a8accb
```
#a8accb rgb(168,172,203)
```
#b4b8d2
```
#b4b8d2 rgb(180,184,210)
```
#c0c4da
```
#c0c4da rgb(192,196,218)
```
#cdcfe1
```
#cdcfe1 rgb(205,207,225)
```
#d9dbe8
```
#d9dbe8 rgb(217,219,232)
```
#e5e7f0
```
#e5e7f0 rgb(229,231,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 #0620d0 is the most saturated one.

#69696d
```
#69696d rgb(105,105,109)
```
#606376
```
#606376 rgb(96,99,118)
```
#585d7e
```
#585d7e rgb(88,93,126)
```
#505786
```
#505786 rgb(80,87,134)
```
#48518e
```
#48518e rgb(72,81,142)
```
#404b96
```
#404b96 rgb(64,75,150)
```
#37459f
```
#37459f rgb(55,69,159)
```
#2f3fa7
```
#2f3fa7 rgb(47,63,167)
```
#2739af
```
#2739af rgb(39,57,175)
```
#1f32b7
```
#1f32b7 rgb(31,50,183)
```
#162cc0
```
#162cc0 rgb(22,44,192)
```
#0e26c8
```
#0e26c8 rgb(14,38,200)
```
#0620d0
```
#0620d0 rgb(6,32,208)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585963 Atypical Achromatopsia 0.001% of the population

Dichromacy

#52618d Protanopia 1% of men
#50628b Deuteranopia 1% of men
#4f666d Tritanopia 0.001% of the population

Trichromacy

#515d8a Protanomaly 1% of men, 0.01% of women
#505e89 Deuteranomaly 6% of men, 0.4% of women
#4f6076 Tritanomaly 0.01% of the population

#505786 hex color

#505786 Color Information

#505786 Color Conversion

Color Schemes with #505786

Alternatives to #505786

#505786 Preview

Shades and Tints of #505786

Tones of #505786

Color Blindness Simulator