#504d74 hex color

In a RGB color space, hex #504d74 is composed of 31.4% red, 30.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 33.6% magenta, 0% yellow and 54.5% black. It has a hue angle of 244.6 degrees, a saturation of 20.2% and a lightness of 37.8%. #504d74 color hex could be obtained by blending #a09ae8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 30
- B 45
RGB color chart
- C 31
- M 34
- Y 0
- K 55
CMYK color chart

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

The hexadecimal color #504d74 has RGB values of R:80, G:77, B:116 and CMYK values of C:0.31, M:0.34, Y:0, K:0.55. Its decimal value is 5262708.

Hex triplet	504d74	`#504d74`
RGB Decimal	80, 77, 116	`rgb(80,77,116)`
RGB Percent	31.4, 30.2, 45.5	`rgb(31.4%,30.2%,45.5%)`
CMYK	31, 34, 0, 55
HSL	244.6°, 20.2, 37.8	`hsl(244.6,20.2%,37.8%)`
HSV (or HSB)	244.6°, 33.6, 45.5
Web Safe	666666	`#666666`

CIE-LAB	34.547, 10.978, -21.877
XYZ	9.114, 8.274, 17.639
xyY	0.26, 0.236, 8.274
CIE-LCH	34.547, 24.477, 296.649
CIE-LUV	34.547, -0.894, -30.667
Hunter-Lab	28.765, 6.219, -16.222
Binary	01010000, 01001101, 01110100

#504d74
```
#504d74 rgb(80,77,116)
```
#71744d
```
#71744d rgb(113,116,77)
```

Complementary Color

#4d5e74
```
#4d5e74 rgb(77,94,116)
```
#504d74
```
#504d74 rgb(80,77,116)
```
#644d74
```
#644d74 rgb(100,77,116)
```

Analogous Color

#5e744d
```
#5e744d rgb(94,116,77)
```
#504d74
```
#504d74 rgb(80,77,116)
```
#74644d
```
#74644d rgb(116,100,77)
```

Split Complementary Color

#4d7450
```
#4d7450 rgb(77,116,80)
```
#504d74
```
#504d74 rgb(80,77,116)
```
#74504d
```
#74504d rgb(116,80,77)
```

Triadic Color

#4d7174
```
#4d7174 rgb(77,113,116)
```
#504d74
```
#504d74 rgb(80,77,116)
```
#74504d
```
#74504d rgb(116,80,77)
```
#71744d
```
#71744d rgb(113,116,77)
```

Tetradic Color

#302e46
```
#302e46 rgb(48,46,70)
```
#3b3955
```
#3b3955 rgb(59,57,85)
```
#454365
```
#454365 rgb(69,67,101)
```
#504d74
```
#504d74 rgb(80,77,116)
```
#5b5783
```
#5b5783 rgb(91,87,131)
```
#656193
```
#656193 rgb(101,97,147)
```
#726e9f
```
#726e9f rgb(114,110,159)
```

Monochromatic Color

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

#4d5474
```
#4d5474 rgb(77,84,116)
```
#4d5174
```
#4d5174 rgb(77,81,116)
```
#4d4d74
```
#4d4d74 rgb(77,77,116)
```
#504d74
```
#504d74 rgb(80,77,116)
```
#534d74
```
#534d74 rgb(83,77,116)
```
#574d74
```
#574d74 rgb(87,77,116)
```
#5a4d74
```
#5a4d74 rgb(90,77,116)
```

Similar Colors

Text with hexadecimal color #504d74

This text has a font color of #504d74.

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

#504d74 background color

This paragraph has a background color of #504d74.

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

#504d74 border color

This element has a border color of #504d74.

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

CSS codes

.text {color:#504d74;}

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

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

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

#07070a
```
#07070a rgb(7,7,10)
```
#0f0e16
```
#0f0e16 rgb(15,14,22)
```
#171621
```
#171621 rgb(23,22,33)
```
#1f1e2d
```
#1f1e2d rgb(31,30,45)
```
#272639
```
#272639 rgb(39,38,57)
```
#2f2e45
```
#2f2e45 rgb(47,46,69)
```
#383651
```
#383651 rgb(56,54,81)
```
#403d5c
```
#403d5c rgb(64,61,92)
```
#484568
```
#484568 rgb(72,69,104)
```
#504d74
```
#504d74 rgb(80,77,116)
```
#585580
```
#585580 rgb(88,85,128)
```
#605d8c
```
#605d8c rgb(96,93,140)
```
#686497
```
#686497 rgb(104,100,151)
```

Shade Color Variation

#7370a0
```
#7370a0 rgb(115,112,160)
```
#7f7ba8
```
#7f7ba8 rgb(127,123,168)
```
#8a87af
```
#8a87af rgb(138,135,175)
```
#9693b7
```
#9693b7 rgb(150,147,183)
```
#a19fbf
```
#a19fbf rgb(161,159,191)
```
#adabc7
```
#adabc7 rgb(173,171,199)
```
#b8b6cf
```
#b8b6cf rgb(184,182,207)
```
#c4c2d7
```
#c4c2d7 rgb(196,194,215)
```
#cfcede
```
#cfcede rgb(207,206,222)
```
#dbdae6
```
#dbdae6 rgb(219,218,230)
```
#e6e6ee
```
#e6e6ee rgb(230,230,238)
```
#f2f1f6
```
#f2f1f6 rgb(242,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d5c65 is the less saturated color, while #1103be is the most saturated one.

#5d5c65
```
#5d5c65 rgb(93,92,101)
```
#56546d
```
#56546d rgb(86,84,109)
```
#504d74
```
#504d74 rgb(80,77,116)
```
#4a467b
```
#4a467b rgb(74,70,123)
```
#433e83
```
#433e83 rgb(67,62,131)
```
#3d378a
```
#3d378a rgb(61,55,138)
```
#372f92
```
#372f92 rgb(55,47,146)
```
#312899
```
#312899 rgb(49,40,153)
```
#2a20a1
```
#2a20a1 rgb(42,32,161)
```
#2419a8
```
#2419a8 rgb(36,25,168)
```
#1e12af
```
#1e12af rgb(30,18,175)
```
#170ab7
```
#170ab7 rgb(23,10,183)
```
#1103be
```
#1103be rgb(17,3,190)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#525159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d597d Protanopia 1% of men
#4e597a Deuteranopia 1% of men
#525b62 Tritanopia 0.001% of the population

Trichromacy

#4e5479 Protanomaly 1% of men, 0.01% of women
#4f5477 Deuteranomaly 6% of men, 0.4% of women
#515668 Tritanomaly 0.01% of the population

#504d74 hex color

#504d74 Color Information

#504d74 Color Conversion

Color Schemes with #504d74

Alternatives to #504d74

#504d74 Preview

Shades and Tints of #504d74

Tones of #504d74

Color Blindness Simulator