colorhexa.com

#504f87 hex color

In a RGB color space, hex #504f87 is composed of 31.4% red, 31% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 41.5% magenta, 0% yellow and 47.1% black. It has a hue angle of 241.1 degrees, a saturation of 26.2% and a lightness of 42%. #504f87 color hex could be obtained by blending #a09eff with #00000f. Closest websafe color is: #666699.

- R 31
- G 31
- B 53
RGB color chart
- C 41
- M 41
- Y 0
- K 47
CMYK color chart

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

The hexadecimal color #504f87 has RGB values of R:80, G:79, B:135 and CMYK values of C:0.41, M:0.41, Y:0, K:0.47. Its decimal value is 5263239.

Hex triplet	504f87	`#504f87`
RGB Decimal	80, 79, 135	`rgb(80,79,135)`
RGB Percent	31.4, 31, 52.9	`rgb(31.4%,31%,52.9%)`
CMYK	41, 41, 0, 47
HSL	241.1°, 26.2, 42	`hsl(241.1,26.2%,42%)`
HSV (or HSB)	241.1°, 41.5, 52.9
Web Safe	666699	`#666699`

CIE-LAB	36.074, 15.279, -31.223
XYZ	10.477, 9.046, 24.114
xyY	0.24, 0.207, 9.046
CIE-LCH	36.074, 34.761, 296.075
CIE-LUV	36.074, -2.844, -44.899
Hunter-Lab	30.077, 9.54, -26.482
Binary	01010000, 01001111, 10000111

#504f87
```
#504f87 rgb(80,79,135)
```
#86874f
```
#86874f rgb(134,135,79)
```

Complementary Color

#4f6a87
```
#4f6a87 rgb(79,106,135)
```
#504f87
```
#504f87 rgb(80,79,135)
```
#6c4f87
```
#6c4f87 rgb(108,79,135)
```

Analogous Color

#6a874f
```
#6a874f rgb(106,135,79)
```
#504f87
```
#504f87 rgb(80,79,135)
```
#876c4f
```
#876c4f rgb(135,108,79)
```

Split Complementary Color

#4f8750
```
#4f8750 rgb(79,135,80)
```
#504f87
```
#504f87 rgb(80,79,135)
```
#87504f
```
#87504f rgb(135,80,79)
```

Triadic Color

#4f8687
```
#4f8687 rgb(79,134,135)
```
#504f87
```
#504f87 rgb(80,79,135)
```
#87504f
```
#87504f rgb(135,80,79)
```
#86874f
```
#86874f rgb(134,135,79)
```

Tetradic Color

#333357
```
#333357 rgb(51,51,87)
```
#3d3c67
```
#3d3c67 rgb(61,60,103)
```
#464677
```
#464677 rgb(70,70,119)
```
#504f87
```
#504f87 rgb(80,79,135)
```
#5a5897
```
#5a5897 rgb(90,88,151)
```
#6664a5
```
#6664a5 rgb(102,100,165)
```
#7675ae
```
#7675ae rgb(118,117,174)
```

Monochromatic Color

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

#4f5c87
```
#4f5c87 rgb(79,92,135)
```
#4f5787
```
#4f5787 rgb(79,87,135)
```
#4f5387
```
#4f5387 rgb(79,83,135)
```
#504f87
```
#504f87 rgb(80,79,135)
```
#554f87
```
#554f87 rgb(85,79,135)
```
#594f87
```
#594f87 rgb(89,79,135)
```
#5e4f87
```
#5e4f87 rgb(94,79,135)
```

Similar Colors

Text with hexadecimal color #504f87

This text has a font color of #504f87.

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

#504f87 background color

This paragraph has a background color of #504f87.

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

#504f87 border color

This element has a border color of #504f87.

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

CSS codes

.text {color:#504f87;}

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

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

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)
```
#1d1c30
```
#1d1c30 rgb(29,28,48)
```
#24243d
```
#24243d rgb(36,36,61)
```
#2b2b49
```
#2b2b49 rgb(43,43,73)
```
#333256
```
#333256 rgb(51,50,86)
```
#3a3962
```
#3a3962 rgb(58,57,98)
```
#41416e
```
#41416e rgb(65,65,110)
```
#49487b
```
#49487b rgb(73,72,123)
```
#504f87
```
#504f87 rgb(80,79,135)
```
#575693
```
#575693 rgb(87,86,147)
```
#5f5da0
```
#5f5da0 rgb(95,93,160)
```

Shade Color Variation

#6b69a7
```
#6b69a7 rgb(107,105,167)
```
#7776af
```
#7776af rgb(119,118,175)
```
#8382b6
```
#8382b6 rgb(131,130,182)
```
#8f8fbd
```
#8f8fbd rgb(143,143,189)
```
#9c9bc4
```
#9c9bc4 rgb(156,155,196)
```
#a8a7cc
```
#a8a7cc rgb(168,167,204)
```
#b4b4d3
```
#b4b4d3 rgb(180,180,211)
```
#c0c0da
```
#c0c0da rgb(192,192,218)
```
#cdcce1
```
#cdcce1 rgb(205,204,225)
```
#d9d9e9
```
#d9d9e9 rgb(217,217,233)
```
#e5e5f0
```
#e5e5f0 rgb(229,229,240)
```
#f2f2f7
```
#f2f2f7 rgb(242,242,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#68686e
```
#68686e rgb(104,104,110)
```
#605f77
```
#605f77 rgb(96,95,119)
```
#58577f
```
#58577f rgb(88,87,127)
```
#504f87
```
#504f87 rgb(80,79,135)
```
#48478f
```
#48478f rgb(72,71,143)
```
#403f97
```
#403f97 rgb(64,63,151)
```
#3836a0
```
#3836a0 rgb(56,54,160)
```
#302ea8
```
#302ea8 rgb(48,46,168)
```
#2826b0
```
#2826b0 rgb(40,38,176)
```
#201eb8
```
#201eb8 rgb(32,30,184)
```
#1815c1
```
#1815c1 rgb(24,21,193)
```
#110dc9
```
#110dc9 rgb(17,13,201)
```
#0905d1
```
#0905d1 rgb(9,5,209)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#555560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#475c90 Protanopia 1% of men
#445d8b Deuteranopia 1% of men
#4d6067 Tritanopia 0.001% of the population

Trichromacy

#4a578c Protanomaly 1% of men, 0.01% of women
#485889 Deuteranomaly 6% of men, 0.4% of women
#4e5a73 Tritanomaly 0.01% of the population