#504eb8 hex color

In a RGB color space, hex #504eb8 is composed of 31.4% red, 30.6% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 57.6% magenta, 0% yellow and 27.8% black. It has a hue angle of 241.1 degrees, a saturation of 42.7% and a lightness of 51.4%. #504eb8 color hex could be obtained by blending #a09cff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 31
- B 72
RGB color chart
- C 57
- M 58
- Y 0
- K 28
CMYK color chart

● #504eb8 color description : Moderate blue.

The hexadecimal color #504eb8 has RGB values of R:80, G:78, B:184 and CMYK values of C:0.57, M:0.58, Y:0, K:0.28. Its decimal value is 5263032.

Hex triplet	504eb8	`#504eb8`
RGB Decimal	80, 78, 184	`rgb(80,78,184)`
RGB Percent	31.4, 30.6, 72.2	`rgb(31.4%,30.6%,72.2%)`
CMYK	57, 58, 0, 28
HSL	241.1°, 42.7, 51.4	`hsl(241.1,42.7%,51.4%)`
HSV (or HSB)	241.1°, 57.6, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	38.923, 31.544, -56.047
XYZ	14.683, 10.614, 46.62
xyY	0.204, 0.148, 10.614
CIE-LCH	38.923, 64.314, 299.372
CIE-LUV	38.923, -5.391, -82.917
Hunter-Lab	32.58, 23.43, -62.035
Binary	01010000, 01001110, 10111000

#504eb8
```
#504eb8 rgb(80,78,184)
```
#b6b84e
```
#b6b84e rgb(182,184,78)
```

Complementary Color

#4e81b8
```
#4e81b8 rgb(78,129,184)
```
#504eb8
```
#504eb8 rgb(80,78,184)
```
#854eb8
```
#854eb8 rgb(133,78,184)
```

Analogous Color

#81b84e
```
#81b84e rgb(129,184,78)
```
#504eb8
```
#504eb8 rgb(80,78,184)
```
#b8854e
```
#b8854e rgb(184,133,78)
```

Split Complementary Color

#4eb850
```
#4eb850 rgb(78,184,80)
```
#504eb8
```
#504eb8 rgb(80,78,184)
```
#b8504e
```
#b8504e rgb(184,80,78)
```

Triadic Color

#4eb6b8
```
#4eb6b8 rgb(78,182,184)
```
#504eb8
```
#504eb8 rgb(80,78,184)
```
#b8504e
```
#b8504e rgb(184,80,78)
```
#b6b84e
```
#b6b84e rgb(182,184,78)
```

Tetradic Color

#373584
```
#373584 rgb(55,53,132)
```
#3e3c97
```
#3e3c97 rgb(62,60,151)
```
#4644a9
```
#4644a9 rgb(70,68,169)
```
#504eb8
```
#504eb8 rgb(80,78,184)
```
#6260bf
```
#6260bf rgb(98,96,191)
```
#7472c7
```
#7472c7 rgb(116,114,199)
```
#8685ce
```
#8685ce rgb(134,133,206)
```

Monochromatic Color

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

#4e67b8
```
#4e67b8 rgb(78,103,184)
```
#4e5eb8
```
#4e5eb8 rgb(78,94,184)
```
#4e55b8
```
#4e55b8 rgb(78,85,184)
```
#504eb8
```
#504eb8 rgb(80,78,184)
```
#594eb8
```
#594eb8 rgb(89,78,184)
```
#624eb8
```
#624eb8 rgb(98,78,184)
```
#6b4eb8
```
#6b4eb8 rgb(107,78,184)
```

Similar Colors

Text with hexadecimal color #504eb8

This text has a font color of #504eb8.

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

#504eb8 background color

This paragraph has a background color of #504eb8.

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

#504eb8 border color

This element has a border color of #504eb8.

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

CSS codes

.text {color:#504eb8;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#080813
```
#080813 rgb(8,8,19)
```
#0e0d21
```
#0e0d21 rgb(14,13,33)
```
#13132f
```
#13132f rgb(19,19,47)
```
#19183d
```
#19183d rgb(25,24,61)
```
#1f1e4b
```
#1f1e4b rgb(31,30,75)
```
#252459
```
#252459 rgb(37,36,89)
```
#2a2967
```
#2a2967 rgb(42,41,103)
```
#302f75
```
#302f75 rgb(48,47,117)
```
#363583
```
#363583 rgb(54,53,131)
```
#3c3a91
```
#3c3a91 rgb(60,58,145)
```
#42409f
```
#42409f rgb(66,64,159)
```
#4745ad
```
#4745ad rgb(71,69,173)
```

Shade Color Variation

#504eb8
```
#504eb8 rgb(80,78,184)
```
#5e5cbe
```
#5e5cbe rgb(94,92,190)
```
#6c6ac3
```
#6c6ac3 rgb(108,106,195)
```
#7a78c9
```
#7a78c9 rgb(122,120,201)
```
#8786ce
```
#8786ce rgb(135,134,206)
```
#9594d4
```
#9594d4 rgb(149,148,212)
```
#a3a2da
```
#a3a2da rgb(163,162,218)
```
#b1b0df
```
#b1b0df rgb(177,176,223)
```
#bfbee5
```
#bfbee5 rgb(191,190,229)
```
#cdcceb
```
#cdcceb rgb(205,204,235)
```
#dadaf0
```
#dadaf0 rgb(218,218,240)
```
#e8e8f6
```
#e8e8f6 rgb(232,232,246)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e88 is the less saturated color, while #100bfb is the most saturated one.

#7e7e88
```
#7e7e88 rgb(126,126,136)
```
#757492
```
#757492 rgb(117,116,146)
```
#6c6b9b
```
#6c6b9b rgb(108,107,155)
```
#6261a5
```
#6261a5 rgb(98,97,165)
```
#5958ae
```
#5958ae rgb(89,88,174)
```
#504eb8
```
#504eb8 rgb(80,78,184)
```
#4744c2
```
#4744c2 rgb(71,68,194)
```
#3e3bcb
```
#3e3bcb rgb(62,59,203)
```
#3431d5
```
#3431d5 rgb(52,49,213)
```
#2b28de
```
#2b28de rgb(43,40,222)
```
#221ee8
```
#221ee8 rgb(34,30,232)
```
#1915f1
```
#1915f1 rgb(25,21,241)
```
#100bfb
```
#100bfb rgb(16,11,251)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#59586e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0066a7 Deuteranopia 1% of men
#346b73 Tritanopia 0.001% of the population

Trichromacy

#1d5abc Protanomaly 1% of men, 0.01% of women
#1d5dad Deuteranomaly 6% of men, 0.4% of women
#3e608c Tritanomaly 0.01% of the population

#504eb8 hex color

#504eb8 Color Information

#504eb8 Color Conversion

Color Schemes with #504eb8

Alternatives to #504eb8

#504eb8 Preview

Shades and Tints of #504eb8

Tones of #504eb8

Color Blindness Simulator