#504e88 hex color

In a RGB color space, hex #504e88 is composed of 31.4% red, 30.6% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 42.6% magenta, 0% yellow and 46.7% black. It has a hue angle of 242.1 degrees, a saturation of 27.1% and a lightness of 42%. #504e88 color hex could be obtained by blending #a09cff with #000011. Closest websafe color is: #666699.

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

● #504e88 color description : Mostly desaturated dark blue.

The hexadecimal color #504e88 has RGB values of R:80, G:78, B:136 and CMYK values of C:0.41, M:0.43, Y:0, K:0.47. Its decimal value is 5262984.

Hex triplet	504e88	`#504e88`
RGB Decimal	80, 78, 136	`rgb(80,78,136)`
RGB Percent	31.4, 30.6, 53.3	`rgb(31.4%,30.6%,53.3%)`
CMYK	41, 43, 0, 47
HSL	242.1°, 27.1, 42	`hsl(242.1,27.1%,42%)`
HSV (or HSB)	242.1°, 42.6, 53.3
Web Safe	666699	`#666699`

CIE-LAB	35.852, 16.227, -32.185
XYZ	10.476, 8.932, 24.463
xyY	0.239, 0.204, 8.932
CIE-LCH	35.852, 36.044, 296.756
CIE-LUV	35.852, -2.555, -46.295
Hunter-Lab	29.886, 10.269, -27.612
Binary	01010000, 01001110, 10001000

#504e88
```
#504e88 rgb(80,78,136)
```
#86884e
```
#86884e rgb(134,136,78)
```

Complementary Color

#4e6988
```
#4e6988 rgb(78,105,136)
```
#504e88
```
#504e88 rgb(80,78,136)
```
#6d4e88
```
#6d4e88 rgb(109,78,136)
```

Analogous Color

#69884e
```
#69884e rgb(105,136,78)
```
#504e88
```
#504e88 rgb(80,78,136)
```
#886d4e
```
#886d4e rgb(136,109,78)
```

Split Complementary Color

#4e8850
```
#4e8850 rgb(78,136,80)
```
#504e88
```
#504e88 rgb(80,78,136)
```
#88504e
```
#88504e rgb(136,80,78)
```

Triadic Color

#4e8688
```
#4e8688 rgb(78,134,136)
```
#504e88
```
#504e88 rgb(80,78,136)
```
#88504e
```
#88504e rgb(136,80,78)
```
#86884e
```
#86884e rgb(134,136,78)
```

Tetradic Color

#333257
```
#333257 rgb(51,50,87)
```
#3d3b68
```
#3d3b68 rgb(61,59,104)
```
#464578
```
#464578 rgb(70,69,120)
```
#504e88
```
#504e88 rgb(80,78,136)
```
#5a5798
```
#5a5798 rgb(90,87,152)
```
#6663a6
```
#6663a6 rgb(102,99,166)
```
#7674af
```
#7674af rgb(118,116,175)
```

Monochromatic Color

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

#4e5b88
```
#4e5b88 rgb(78,91,136)
```
#4e5688
```
#4e5688 rgb(78,86,136)
```
#4e5188
```
#4e5188 rgb(78,81,136)
```
#504e88
```
#504e88 rgb(80,78,136)
```
#554e88
```
#554e88 rgb(85,78,136)
```
#5a4e88
```
#5a4e88 rgb(90,78,136)
```
#5f4e88
```
#5f4e88 rgb(95,78,136)
```

Similar Colors

Text with hexadecimal color #504e88

This text has a font color of #504e88.

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

#504e88 background color

This paragraph has a background color of #504e88.

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

#504e88 border color

This element has a border color of #504e88.

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

CSS codes

.text {color:#504e88;}

.background {background-color:#504e88;}

.border {border:1px solid #504e88;}

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)
```
#0e0e18
```
#0e0e18 rgb(14,14,24)
```
#151524
```
#151524 rgb(21,21,36)
```
#1d1c31
```
#1d1c31 rgb(29,28,49)
```
#24233d
```
#24233d rgb(36,35,61)
```
#2b2a4a
```
#2b2a4a rgb(43,42,74)
```
#333156
```
#333156 rgb(51,49,86)
```
#3a3963
```
#3a3963 rgb(58,57,99)
```
#41406f
```
#41406f rgb(65,64,111)
```
#49477c
```
#49477c rgb(73,71,124)
```
#504e88
```
#504e88 rgb(80,78,136)
```
#575594
```
#575594 rgb(87,85,148)
```
#5f5ca1
```
#5f5ca1 rgb(95,92,161)
```

Shade Color Variation

#6b68a9
```
#6b68a9 rgb(107,104,169)
```
#7775b0
```
#7775b0 rgb(119,117,176)
```
#8381b7
```
#8381b7 rgb(131,129,183)
```
#8f8ebe
```
#8f8ebe rgb(143,142,190)
```
#9c9ac5
```
#9c9ac5 rgb(156,154,197)
```
#a8a7cc
```
#a8a7cc rgb(168,167,204)
```
#b4b3d3
```
#b4b3d3 rgb(180,179,211)
```
#c0c0db
```
#c0c0db rgb(192,192,219)
```
#cdcce2
```
#cdcce2 rgb(205,204,226)
```
#d9d8e9
```
#d9d8e9 rgb(217,216,233)
```
#e5e5f0
```
#e5e5f0 rgb(229,229,240)
```
#f2f1f7
```
#f2f1f7 rgb(242,241,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67676f is the less saturated color, while #0b04d2 is the most saturated one.

#67676f
```
#67676f rgb(103,103,111)
```
#5f5e78
```
#5f5e78 rgb(95,94,120)
```
#585680
```
#585680 rgb(88,86,128)
```
#504e88
```
#504e88 rgb(80,78,136)
```
#484690
```
#484690 rgb(72,70,144)
```
#413e98
```
#413e98 rgb(65,62,152)
```
#3935a1
```
#3935a1 rgb(57,53,161)
```
#312da9
```
#312da9 rgb(49,45,169)
```
#2a25b1
```
#2a25b1 rgb(42,37,177)
```
#221db9
```
#221db9 rgb(34,29,185)
```
#1a14c2
```
#1a14c2 rgb(26,20,194)
```
#130cca
```
#130cca rgb(19,12,202)
```
#0b04d2
```
#0b04d2 rgb(11,4,210)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#54545f Atypical Achromatopsia 0.001% of the population

Dichromacy

#455b91 Protanopia 1% of men
#425d8b Deuteranopia 1% of men
#4d6067 Tritanopia 0.001% of the population

Trichromacy

#49568e Protanomaly 1% of men, 0.01% of women
#47578a Deuteranomaly 6% of men, 0.4% of women
#4e5973 Tritanomaly 0.01% of the population

#504e88 hex color

#504e88 Color Information

#504e88 Color Conversion

Color Schemes with #504e88

Alternatives to #504e88

#504e88 Preview

Shades and Tints of #504e88

Tones of #504e88

Color Blindness Simulator