#504a87 hex color

In a RGB color space, hex #504a87 is composed of 31.4% red, 29% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 40.7% cyan, 45.2% magenta, 0% yellow and 47.1% black. It has a hue angle of 245.9 degrees, a saturation of 29.2% and a lightness of 41%. #504a87 color hex could be obtained by blending #a094ff with #00000f. Closest websafe color is: #663399.

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

● #504a87 color description : Dark moderate blue.

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

Hex triplet	504a87	`#504a87`
RGB Decimal	80, 74, 135	`rgb(80,74,135)`
RGB Percent	31.4, 29, 52.9	`rgb(31.4%,29%,52.9%)`
CMYK	41, 45, 0, 47
HSL	245.9°, 29.2, 41	`hsl(245.9,29.2%,41%)`
HSV (or HSB)	245.9°, 45.2, 52.9
Web Safe	663399	`#663399`

CIE-LAB	34.706, 18.497, -33.387
XYZ	10.129, 8.352, 23.999
xyY	0.238, 0.197, 8.352
CIE-LCH	34.706, 38.169, 298.987
CIE-LUV	34.706, -1.122, -47.786
Hunter-Lab	28.9, 11.989, -29.005
Binary	01010000, 01001010, 10000111

#504a87
```
#504a87 rgb(80,74,135)
```
#81874a
```
#81874a rgb(129,135,74)
```

Complementary Color

#4a6387
```
#4a6387 rgb(74,99,135)
```
#504a87
```
#504a87 rgb(80,74,135)
```
#6f4a87
```
#6f4a87 rgb(111,74,135)
```

Analogous Color

#63874a
```
#63874a rgb(99,135,74)
```
#504a87
```
#504a87 rgb(80,74,135)
```
#876f4a
```
#876f4a rgb(135,111,74)
```

Split Complementary Color

#4a8750
```
#4a8750 rgb(74,135,80)
```
#504a87
```
#504a87 rgb(80,74,135)
```
#87504a
```
#87504a rgb(135,80,74)
```

Triadic Color

#4a8187
```
#4a8187 rgb(74,129,135)
```
#504a87
```
#504a87 rgb(80,74,135)
```
#87504a
```
#87504a rgb(135,80,74)
```
#81874a
```
#81874a rgb(129,135,74)
```

Tetradic Color

#332f56
```
#332f56 rgb(51,47,86)
```
#3c3866
```
#3c3866 rgb(60,56,102)
```
#464177
```
#464177 rgb(70,65,119)
```
#504a87
```
#504a87 rgb(80,74,135)
```
#5a5397
```
#5a5397 rgb(90,83,151)
```
#655ea6
```
#655ea6 rgb(101,94,166)
```
#746eb0
```
#746eb0 rgb(116,110,176)
```

Monochromatic Color

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

#4a5387
```
#4a5387 rgb(74,83,135)
```
#4a4e87
```
#4a4e87 rgb(74,78,135)
```
#4b4a87
```
#4b4a87 rgb(75,74,135)
```
#504a87
```
#504a87 rgb(80,74,135)
```
#554a87
```
#554a87 rgb(85,74,135)
```
#5a4a87
```
#5a4a87 rgb(90,74,135)
```
#5f4a87
```
#5f4a87 rgb(95,74,135)
```

Similar Colors

Text with hexadecimal color #504a87

This text has a font color of #504a87.

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

#504a87 background color

This paragraph has a background color of #504a87.

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

#504a87 border color

This element has a border color of #504a87.

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

CSS codes

.text {color:#504a87;}

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

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

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

#050508
```
#050508 rgb(5,5,8)
```
#0c0b15
```
#0c0b15 rgb(12,11,21)
```
#141222
```
#141222 rgb(20,18,34)
```
#1b192e
```
#1b192e rgb(27,25,46)
```
#23203b
```
#23203b rgb(35,32,59)
```
#2a2748
```
#2a2748 rgb(42,39,72)
```
#322e54
```
#322e54 rgb(50,46,84)
```
#393561
```
#393561 rgb(57,53,97)
```
#413c6e
```
#413c6e rgb(65,60,110)
```
#48437a
```
#48437a rgb(72,67,122)
```
#504a87
```
#504a87 rgb(80,74,135)
```
#585194
```
#585194 rgb(88,81,148)
```
#5f58a0
```
#5f58a0 rgb(95,88,160)
```

Shade Color Variation

#6a63a9
```
#6a63a9 rgb(106,99,169)
```
#766fb0
```
#766fb0 rgb(118,111,176)
```
#827cb7
```
#827cb7 rgb(130,124,183)
```
#8e89be
```
#8e89be rgb(142,137,190)
```
#9a95c5
```
#9a95c5 rgb(154,149,197)
```
#a6a2cc
```
#a6a2cc rgb(166,162,204)
```
#b2afd3
```
#b2afd3 rgb(178,175,211)
```
#bebbda
```
#bebbda rgb(190,187,218)
```
#cac8e1
```
#cac8e1 rgb(202,200,225)
```
#d7d5e8
```
#d7d5e8 rgb(215,213,232)
```
#e3e1ef
```
#e3e1ef rgb(227,225,239)
```
#efeef6
```
#efeef6 rgb(239,238,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#63626f
```
#63626f rgb(99,98,111)
```
#5d5a77
```
#5d5a77 rgb(93,90,119)
```
#56527f
```
#56527f rgb(86,82,127)
```
#504a87
```
#504a87 rgb(80,74,135)
```
#4a428f
```
#4a428f rgb(74,66,143)
```
#433a97
```
#433a97 rgb(67,58,151)
```
#3d329f
```
#3d329f rgb(61,50,159)
```
#362aa7
```
#362aa7 rgb(54,42,167)
```
#3022af
```
#3022af rgb(48,34,175)
```
#291ab7
```
#291ab7 rgb(41,26,183)
```
#2312bf
```
#2312bf rgb(35,18,191)
```
#1c0ac7
```
#1c0ac7 rgb(28,10,199)
```
#1602cf
```
#1602cf rgb(22,2,207)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#52515d Atypical Achromatopsia 0.001% of the population

Dichromacy

#405891 Protanopia 1% of men
#3c5a8a Deuteranopia 1% of men
#4c5d63 Tritanopia 0.001% of the population

Trichromacy

#46538d Protanomaly 1% of men, 0.01% of women
#435489 Deuteranomaly 6% of men, 0.4% of women
#4d5670 Tritanomaly 0.01% of the population

#504a87 hex color

#504a87 Color Information

#504a87 Color Conversion

Color Schemes with #504a87

Alternatives to #504a87

#504a87 Preview

Shades and Tints of #504a87

Tones of #504a87

Color Blindness Simulator