#505387 hex color

In a RGB color space, hex #505387 is composed of 31.4% red, 32.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 38.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 236.7 degrees, a saturation of 25.6% and a lightness of 42.2%. #505387 color hex could be obtained by blending #a0a6ff with #00000f. Closest websafe color is: #666699.

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

● #505387 color description : Mostly desaturated dark blue.

The hexadecimal color #505387 has RGB values of R:80, G:83, B:135 and CMYK values of C:0.41, M:0.39, Y:0, K:0.47. Its decimal value is 5264263.

Hex triplet	505387	`#505387`
RGB Decimal	80, 83, 135	`rgb(80,83,135)`
RGB Percent	31.4, 32.5, 52.9	`rgb(31.4%,32.5%,52.9%)`
CMYK	41, 39, 0, 47
HSL	236.7°, 25.6, 42.2	`hsl(236.7,25.6%,42.2%)`
HSV (or HSB)	236.7°, 40.7, 52.9
Web Safe	666699	`#666699`

CIE-LAB	37.19, 12.712, -29.463
XYZ	10.774, 9.641, 24.214
xyY	0.241, 0.216, 9.641
CIE-LCH	37.19, 32.089, 293.339
CIE-LUV	37.19, -4.279, -42.459
Hunter-Lab	31.05, 7.599, -24.501
Binary	01010000, 01010011, 10000111

#505387
```
#505387 rgb(80,83,135)
```
#878450
```
#878450 rgb(135,132,80)
```

Complementary Color

#506f87
```
#506f87 rgb(80,111,135)
```
#505387
```
#505387 rgb(80,83,135)
```
#695087
```
#695087 rgb(105,80,135)
```

Analogous Color

#6f8750
```
#6f8750 rgb(111,135,80)
```
#505387
```
#505387 rgb(80,83,135)
```
#876950
```
#876950 rgb(135,105,80)
```

Split Complementary Color

#538750
```
#538750 rgb(83,135,80)
```
#505387
```
#505387 rgb(80,83,135)
```
#875053
```
#875053 rgb(135,80,83)
```

Triadic Color

#508784
```
#508784 rgb(80,135,132)
```
#505387
```
#505387 rgb(80,83,135)
```
#875053
```
#875053 rgb(135,80,83)
```
#878450
```
#878450 rgb(135,132,80)
```

Tetradic Color

#343557
```
#343557 rgb(52,53,87)
```
#3d3f67
```
#3d3f67 rgb(61,63,103)
```
#474977
```
#474977 rgb(71,73,119)
```
#505387
```
#505387 rgb(80,83,135)
```
#595d97
```
#595d97 rgb(89,93,151)
```
#6669a4
```
#6669a4 rgb(102,105,164)
```
#7679ae
```
#7679ae rgb(118,121,174)
```

Monochromatic Color

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

#506187
```
#506187 rgb(80,97,135)
```
#505c87
```
#505c87 rgb(80,92,135)
```
#505887
```
#505887 rgb(80,88,135)
```
#505387
```
#505387 rgb(80,83,135)
```
#525087
```
#525087 rgb(82,80,135)
```
#565087
```
#565087 rgb(86,80,135)
```
#5b5087
```
#5b5087 rgb(91,80,135)
```

Similar Colors

Text with hexadecimal color #505387

This text has a font color of #505387.

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

#505387 background color

This paragraph has a background color of #505387.

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

#505387 border color

This element has a border color of #505387.

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

CSS codes

.text {color:#505387;}

.background {background-color:#505387;}

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

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

#07070c
```
#07070c rgb(7,7,12)
```
#0e0f18
```
#0e0f18 rgb(14,15,24)
```
#161624
```
#161624 rgb(22,22,36)
```
#1d1e31
```
#1d1e31 rgb(29,30,49)
```
#24263d
```
#24263d rgb(36,38,61)
```
#2c2d49
```
#2c2d49 rgb(44,45,73)
```
#333556
```
#333556 rgb(51,53,86)
```
#3a3c62
```
#3a3c62 rgb(58,60,98)
```
#41446e
```
#41446e rgb(65,68,110)
```
#494b7b
```
#494b7b rgb(73,75,123)
```
#505387
```
#505387 rgb(80,83,135)
```
#575b93
```
#575b93 rgb(87,91,147)
```
#5f62a0
```
#5f62a0 rgb(95,98,160)
```

Shade Color Variation

#6b6ea7
```
#6b6ea7 rgb(107,110,167)
```
#777aae
```
#777aae rgb(119,122,174)
```
#8386b6
```
#8386b6 rgb(131,134,182)
```
#9092bd
```
#9092bd rgb(144,146,189)
```
#9c9ec4
```
#9c9ec4 rgb(156,158,196)
```
#a8aacc
```
#a8aacc rgb(168,170,204)
```
#b5b6d3
```
#b5b6d3 rgb(181,182,211)
```
#c1c2da
```
#c1c2da rgb(193,194,218)
```
#cdcee2
```
#cdcee2 rgb(205,206,226)
```
#dadae9
```
#dadae9 rgb(218,218,233)
```
#e6e6f0
```
#e6e6f0 rgb(230,230,240)
```
#f2f2f7
```
#f2f2f7 rgb(242,242,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#69696e
```
#69696e rgb(105,105,110)
```
#616276
```
#616276 rgb(97,98,118)
```
#585a7f
```
#585a7f rgb(88,90,127)
```
#505387
```
#505387 rgb(80,83,135)
```
#484c8f
```
#484c8f rgb(72,76,143)
```
#3f4498
```
#3f4498 rgb(63,68,152)
```
#373da0
```
#373da0 rgb(55,61,160)
```
#2f36a8
```
#2f36a8 rgb(47,54,168)
```
#272eb0
```
#272eb0 rgb(39,46,176)
```
#1e27b9
```
#1e27b9 rgb(30,39,185)
```
#161fc1
```
#161fc1 rgb(22,31,193)
```
#0e18c9
```
#0e18c9 rgb(14,24,201)
```
#0611d1
```
#0611d1 rgb(6,17,209)
```

Tone Color Variation

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

#4d5e8f Protanopia 1% of men
#4a5f8b Deuteranopia 1% of men
#4e636a Tritanopia 0.001% of the population

Trichromacy

#4e5a8c Protanomaly 1% of men, 0.01% of women
#4c5b8a Deuteranomaly 6% of men, 0.4% of women
#4f5d75 Tritanomaly 0.01% of the population

#505387 hex color

#505387 Color Information

#505387 Color Conversion

Color Schemes with #505387

Alternatives to #505387

#505387 Preview

Shades and Tints of #505387

Tones of #505387

Color Blindness Simulator