#504e80 hex color

In a RGB color space, hex #504e80 is composed of 31.4% red, 30.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 39.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 242.4 degrees, a saturation of 24.3% and a lightness of 40.4%. #504e80 color hex could be obtained by blending #a09cff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 31
- B 50
RGB color chart
- C 38
- M 39
- Y 0
- K 50
CMYK color chart

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

The hexadecimal color #504e80 has RGB values of R:80, G:78, B:128 and CMYK values of C:0.38, M:0.39, Y:0, K:0.5. Its decimal value is 5262976.

Hex triplet	504e80	`#504e80`
RGB Decimal	80, 78, 128	`rgb(80,78,128)`
RGB Percent	31.4, 30.6, 50.2	`rgb(31.4%,30.6%,50.2%)`
CMYK	38, 39, 0, 50
HSL	242.4°, 24.3, 40.4	`hsl(242.4,24.3%,40.4%)`
HSV (or HSB)	242.4°, 39.1, 50.2
Web Safe	666699	`#666699`

CIE-LAB	35.425, 13.817, -27.943
XYZ	9.928, 8.713, 21.579
xyY	0.247, 0.217, 8.713
CIE-LCH	35.425, 31.173, 296.311
CIE-LUV	35.425, -2.051, -39.833
Hunter-Lab	29.517, 8.384, -22.684
Binary	01010000, 01001110, 10000000

#504e80
```
#504e80 rgb(80,78,128)
```
#7e804e
```
#7e804e rgb(126,128,78)
```

Complementary Color

#4e6580
```
#4e6580 rgb(78,101,128)
```
#504e80
```
#504e80 rgb(80,78,128)
```
#694e80
```
#694e80 rgb(105,78,128)
```

Analogous Color

#65804e
```
#65804e rgb(101,128,78)
```
#504e80
```
#504e80 rgb(80,78,128)
```
#80694e
```
#80694e rgb(128,105,78)
```

Split Complementary Color

#4e8050
```
#4e8050 rgb(78,128,80)
```
#504e80
```
#504e80 rgb(80,78,128)
```
#80504e
```
#80504e rgb(128,80,78)
```

Triadic Color

#4e7e80
```
#4e7e80 rgb(78,126,128)
```
#504e80
```
#504e80 rgb(80,78,128)
```
#80504e
```
#80504e rgb(128,80,78)
```
#7e804e
```
#7e804e rgb(126,128,78)
```

Tetradic Color

#323150
```
#323150 rgb(50,49,80)
```
#3c3b60
```
#3c3b60 rgb(60,59,96)
```
#464470
```
#464470 rgb(70,68,112)
```
#504e80
```
#504e80 rgb(80,78,128)
```
#5a5890
```
#5a5890 rgb(90,88,144)
```
#64629f
```
#64629f rgb(100,98,159)
```
#7472a9
```
#7472a9 rgb(116,114,169)
```

Monochromatic Color

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

#4e5980
```
#4e5980 rgb(78,89,128)
```
#4e5480
```
#4e5480 rgb(78,84,128)
```
#4e5080
```
#4e5080 rgb(78,80,128)
```
#504e80
```
#504e80 rgb(80,78,128)
```
#544e80
```
#544e80 rgb(84,78,128)
```
#584e80
```
#584e80 rgb(88,78,128)
```
#5d4e80
```
#5d4e80 rgb(93,78,128)
```

Similar Colors

Text with hexadecimal color #504e80

This text has a font color of #504e80.

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

#504e80 background color

This paragraph has a background color of #504e80.

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

#504e80 border color

This element has a border color of #504e80.

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

CSS codes

.text {color:#504e80;}

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

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

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

#040406
```
#040406 rgb(4,4,6)
```
#0b0b12
```
#0b0b12 rgb(11,11,18)
```
#13131e
```
#13131e rgb(19,19,30)
```
#1b1a2b
```
#1b1a2b rgb(27,26,43)
```
#222137
```
#222137 rgb(34,33,55)
```
#2a2943
```
#2a2943 rgb(42,41,67)
```
#32304f
```
#32304f rgb(50,48,79)
```
#39385b
```
#39385b rgb(57,56,91)
```
#413f68
```
#413f68 rgb(65,63,104)
```
#484774
```
#484774 rgb(72,71,116)
```
#504e80
```
#504e80 rgb(80,78,128)
```
#58558c
```
#58558c rgb(88,85,140)
```
#5f5d98
```
#5f5d98 rgb(95,93,152)
```

Shade Color Variation

#6967a2
```
#6967a2 rgb(105,103,162)
```
#7573aa
```
#7573aa rgb(117,115,170)
```
#817fb1
```
#817fb1 rgb(129,127,177)
```
#8d8bb8
```
#8d8bb8 rgb(141,139,184)
```
#9997c0
```
#9997c0 rgb(153,151,192)
```
#a5a4c7
```
#a5a4c7 rgb(165,164,199)
```
#b1b0cf
```
#b1b0cf rgb(177,176,207)
```
#bdbcd6
```
#bdbcd6 rgb(189,188,214)
```
#c9c8de
```
#c9c8de rgb(201,200,222)
```
#d5d4e5
```
#d5d4e5 rgb(213,212,229)
```
#e1e1ec
```
#e1e1ec rgb(225,225,236)
```
#ededf4
```
#ededf4 rgb(237,237,244)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#666668
```
#666668 rgb(102,102,104)
```
#5f5e70
```
#5f5e70 rgb(95,94,112)
```
#575678
```
#575678 rgb(87,86,120)
```
#504e80
```
#504e80 rgb(80,78,128)
```
#494688
```
#494688 rgb(73,70,136)
```
#413e90
```
#413e90 rgb(65,62,144)
```
#3a3698
```
#3a3698 rgb(58,54,152)
```
#332ea0
```
#332ea0 rgb(51,46,160)
```
#2c26a8
```
#2c26a8 rgb(44,38,168)
```
#241eb0
```
#241eb0 rgb(36,30,176)
```
#1d17b7
```
#1d17b7 rgb(29,23,183)
```
#160fbf
```
#160fbf rgb(22,15,191)
```
#0e07c7
```
#0e07c7 rgb(14,7,199)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#53535d Atypical Achromatopsia 0.001% of the population

Dichromacy

#495a89 Protanopia 1% of men
#485b84 Deuteranopia 1% of men
#4f5e65 Tritanopia 0.001% of the population

Trichromacy

#4c5685 Protanomaly 1% of men, 0.01% of women
#4b5683 Deuteranomaly 6% of men, 0.4% of women
#4f586f Tritanomaly 0.01% of the population

#504e80 hex color

#504e80 Color Information

#504e80 Color Conversion

Color Schemes with #504e80

Alternatives to #504e80

#504e80 Preview

Shades and Tints of #504e80

Tones of #504e80

Color Blindness Simulator