#504d80 hex color

In a RGB color space, hex #504d80 is composed of 31.4% red, 30.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 39.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 243.5 degrees, a saturation of 24.9% and a lightness of 40.2%. #504d80 color hex could be obtained by blending #a09aff with #000001. Closest websafe color is: #666699.

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

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

The hexadecimal color #504d80 has RGB values of R:80, G:77, B:128 and CMYK values of C:0.38, M:0.4, Y:0, K:0.5. Its decimal value is 5262720.

Hex triplet	504d80	`#504d80`
RGB Decimal	80, 77, 128	`rgb(80,77,128)`
RGB Percent	31.4, 30.2, 50.2	`rgb(31.4%,30.2%,50.2%)`
CMYK	38, 40, 0, 50
HSL	243.5°, 24.9, 40.2	`hsl(243.5,24.9%,40.2%)`
HSV (or HSB)	243.5°, 39.8, 50.2
Web Safe	666699	`#666699`

CIE-LAB	35.146, 14.461, -28.382
XYZ	9.858, 8.572, 21.556
xyY	0.247, 0.214, 8.572
CIE-LCH	35.146, 31.853, 296.999
CIE-LUV	35.146, -1.688, -40.436
Hunter-Lab	29.277, 8.866, -23.159
Binary	01010000, 01001101, 10000000

#504d80
```
#504d80 rgb(80,77,128)
```
#7d804d
```
#7d804d rgb(125,128,77)
```

Complementary Color

#4d6480
```
#4d6480 rgb(77,100,128)
```
#504d80
```
#504d80 rgb(80,77,128)
```
#6a4d80
```
#6a4d80 rgb(106,77,128)
```

Analogous Color

#64804d
```
#64804d rgb(100,128,77)
```
#504d80
```
#504d80 rgb(80,77,128)
```
#806a4d
```
#806a4d rgb(128,106,77)
```

Split Complementary Color

#4d8050
```
#4d8050 rgb(77,128,80)
```
#504d80
```
#504d80 rgb(80,77,128)
```
#80504d
```
#80504d rgb(128,80,77)
```

Triadic Color

#4d7d80
```
#4d7d80 rgb(77,125,128)
```
#504d80
```
#504d80 rgb(80,77,128)
```
#80504d
```
#80504d rgb(128,80,77)
```
#7d804d
```
#7d804d rgb(125,128,77)
```

Tetradic Color

#323050
```
#323050 rgb(50,48,80)
```
#3c3a60
```
#3c3a60 rgb(60,58,96)
```
#464370
```
#464370 rgb(70,67,112)
```
#504d80
```
#504d80 rgb(80,77,128)
```
#5a5790
```
#5a5790 rgb(90,87,144)
```
#6460a0
```
#6460a0 rgb(100,96,160)
```
#7470a9
```
#7470a9 rgb(116,112,169)
```

Monochromatic Color

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

#4d5780
```
#4d5780 rgb(77,87,128)
```
#4d5380
```
#4d5380 rgb(77,83,128)
```
#4d4e80
```
#4d4e80 rgb(77,78,128)
```
#504d80
```
#504d80 rgb(80,77,128)
```
#544d80
```
#544d80 rgb(84,77,128)
```
#594d80
```
#594d80 rgb(89,77,128)
```
#5d4d80
```
#5d4d80 rgb(93,77,128)
```

Similar Colors

Text with hexadecimal color #504d80

This text has a font color of #504d80.

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

#504d80 background color

This paragraph has a background color of #504d80.

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

#504d80 border color

This element has a border color of #504d80.

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

CSS codes

.text {color:#504d80;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#0b0b12
```
#0b0b12 rgb(11,11,18)
```
#13121e
```
#13121e rgb(19,18,30)
```
#1a192a
```
#1a192a rgb(26,25,42)
```
#222137
```
#222137 rgb(34,33,55)
```
#2a2843
```
#2a2843 rgb(42,40,67)
```
#31304f
```
#31304f rgb(49,48,79)
```
#39375b
```
#39375b rgb(57,55,91)
```
#413e68
```
#413e68 rgb(65,62,104)
```
#484674
```
#484674 rgb(72,70,116)
```
#504d80
```
#504d80 rgb(80,77,128)
```
#58548c
```
#58548c rgb(88,84,140)
```
#5f5c98
```
#5f5c98 rgb(95,92,152)
```

Shade Color Variation

#6965a3
```
#6965a3 rgb(105,101,163)
```
#7572aa
```
#7572aa rgb(117,114,170)
```
#817eb1
```
#817eb1 rgb(129,126,177)
```
#8d8ab9
```
#8d8ab9 rgb(141,138,185)
```
#9996c0
```
#9996c0 rgb(153,150,192)
```
#a5a3c7
```
#a5a3c7 rgb(165,163,199)
```
#b1afcf
```
#b1afcf rgb(177,175,207)
```
#bdbbd6
```
#bdbbd6 rgb(189,187,214)
```
#c9c7dd
```
#c9c7dd rgb(201,199,221)
```
#d5d4e5
```
#d5d4e5 rgb(213,212,229)
```
#e1e0ec
```
#e1e0ec rgb(225,224,236)
```
#ececf4
```
#ececf4 rgb(236,236,244)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#656568
```
#656568 rgb(101,101,104)
```
#5e5d70
```
#5e5d70 rgb(94,93,112)
```
#575578
```
#575578 rgb(87,85,120)
```
#504d80
```
#504d80 rgb(80,77,128)
```
#494588
```
#494588 rgb(73,69,136)
```
#423d90
```
#423d90 rgb(66,61,144)
```
#3b3598
```
#3b3598 rgb(59,53,152)
```
#342da0
```
#342da0 rgb(52,45,160)
```
#2d26a7
```
#2d26a7 rgb(45,38,167)
```
#261eaf
```
#261eaf rgb(38,30,175)
```
#1f16b7
```
#1f16b7 rgb(31,22,183)
```
#180ebf
```
#180ebf rgb(24,14,191)
```
#1106c7
```
#1106c7 rgb(17,6,199)
```

Tone Color Variation

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

#485a89 Protanopia 1% of men
#465b84 Deuteranopia 1% of men
#4f5d64 Tritanopia 0.001% of the population

Trichromacy

#4b5586 Protanomaly 1% of men, 0.01% of women
#4a5683 Deuteranomaly 6% of men, 0.4% of women
#4f576e Tritanomaly 0.01% of the population

#504d80 hex color

#504d80 Color Information

#504d80 Color Conversion

Color Schemes with #504d80

Alternatives to #504d80

#504d80 Preview

Shades and Tints of #504d80

Tones of #504d80

Color Blindness Simulator