#504ad3 hex color

In a RGB color space, hex #504ad3 is composed of 31.4% red, 29% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 64.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 242.6 degrees, a saturation of 60.9% and a lightness of 55.9%. #504ad3 color hex could be obtained by blending #a094ff with #0000a7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 29
- B 83
RGB color chart
- C 62
- M 65
- Y 0
- K 17
CMYK color chart

● #504ad3 color description : Moderate blue.

The hexadecimal color #504ad3 has RGB values of R:80, G:74, B:211 and CMYK values of C:0.62, M:0.65, Y:0, K:0.17. Its decimal value is 5262035.

Hex triplet	504ad3	`#504ad3`
RGB Decimal	80, 74, 211	`rgb(80,74,211)`
RGB Percent	31.4, 29, 82.7	`rgb(31.4%,29%,82.7%)`
CMYK	62, 65, 0, 17
HSL	242.6°, 60.9, 55.9	`hsl(242.6,60.9%,55.9%)`
HSV (or HSB)	242.6°, 64.9, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.09, 42.749, -69.847
XYZ	17.513, 11.305, 62.884
xyY	0.191, 0.123, 11.305
CIE-LCH	40.09, 81.891, 301.468
CIE-LUV	40.09, -5.946, -102.955
Hunter-Lab	33.624, 34.13, -87.35
Binary	01010000, 01001010, 11010011

#504ad3
```
#504ad3 rgb(80,74,211)
```
#cdd34a
```
#cdd34a rgb(205,211,74)
```

Complementary Color

#4a89d3
```
#4a89d3 rgb(74,137,211)
```
#504ad3
```
#504ad3 rgb(80,74,211)
```
#954ad3
```
#954ad3 rgb(149,74,211)
```

Analogous Color

#89d34a
```
#89d34a rgb(137,211,74)
```
#504ad3
```
#504ad3 rgb(80,74,211)
```
#d3954a
```
#d3954a rgb(211,149,74)
```

Split Complementary Color

#4ad350
```
#4ad350 rgb(74,211,80)
```
#504ad3
```
#504ad3 rgb(80,74,211)
```
#d3504a
```
#d3504a rgb(211,80,74)
```

Triadic Color

#4acdd3
```
#4acdd3 rgb(74,205,211)
```
#504ad3
```
#504ad3 rgb(80,74,211)
```
#d3504a
```
#d3504a rgb(211,80,74)
```
#cdd34a
```
#cdd34a rgb(205,211,74)
```

Tetradic Color

#2e29a8
```
#2e29a8 rgb(46,41,168)
```
#342ebc
```
#342ebc rgb(52,46,188)
```
#3c35ce
```
#3c35ce rgb(60,53,206)
```
#504ad3
```
#504ad3 rgb(80,74,211)
```
#645fd8
```
#645fd8 rgb(100,95,216)
```
#7873dd
```
#7873dd rgb(120,115,221)
```
#8c88e2
```
#8c88e2 rgb(140,136,226)
```

Monochromatic Color

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

#4a66d3
```
#4a66d3 rgb(74,102,211)
```
#4a5bd3
```
#4a5bd3 rgb(74,91,211)
```
#4a4fd3
```
#4a4fd3 rgb(74,79,211)
```
#504ad3
```
#504ad3 rgb(80,74,211)
```
#5b4ad3
```
#5b4ad3 rgb(91,74,211)
```
#674ad3
```
#674ad3 rgb(103,74,211)
```
#724ad3
```
#724ad3 rgb(114,74,211)
```

Similar Colors

Text with hexadecimal color #504ad3

This text has a font color of #504ad3.

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

#504ad3 background color

This paragraph has a background color of #504ad3.

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

#504ad3 border color

This element has a border color of #504ad3.

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

CSS codes

.text {color:#504ad3;}

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

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

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

#020208
```
#020208 rgb(2,2,8)
```
#070618
```
#070618 rgb(7,6,24)
```
#0b0a28
```
#0b0a28 rgb(11,10,40)
```
#0f0e38
```
#0f0e38 rgb(15,14,56)
```
#141147
```
#141147 rgb(20,17,71)
```
#181557
```
#181557 rgb(24,21,87)
```
#1c1967
```
#1c1967 rgb(28,25,103)
```
#211d77
```
#211d77 rgb(33,29,119)
```
#252187
```
#252187 rgb(37,33,135)
```
#2a2596
```
#2a2596 rgb(42,37,150)
```
#2e28a6
```
#2e28a6 rgb(46,40,166)
```
#322cb6
```
#322cb6 rgb(50,44,182)
```
#3730c6
```
#3730c6 rgb(55,48,198)
```

Shade Color Variation

#413acf
```
#413acf rgb(65,58,207)
```
#504ad3
```
#504ad3 rgb(80,74,211)
```
#5f5ad7
```
#5f5ad7 rgb(95,90,215)
```
#6f6adb
```
#6f6adb rgb(111,106,219)
```
#7e79df
```
#7e79df rgb(126,121,223)
```
#8d89e2
```
#8d89e2 rgb(141,137,226)
```
#9c99e6
```
#9c99e6 rgb(156,153,230)
```
#aca9ea
```
#aca9ea rgb(172,169,234)
```
#bbb8ee
```
#bbb8ee rgb(187,184,238)
```
#cac8f2
```
#cac8f2 rgb(202,200,242)
```
#d9d8f6
```
#d9d8f6 rgb(217,216,246)
```
#e9e8f9
```
#e9e8f9 rgb(233,232,249)
```
#f8f8fd
```
#f8f8fd rgb(248,248,253)
```

Tint Color Variation

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

#878796
```
#878796 rgb(135,135,150)
```
#7f7e9f
```
#7f7e9f rgb(127,126,159)
```
#7775a8
```
#7775a8 rgb(119,117,168)
```
#706db0
```
#706db0 rgb(112,109,176)
```
#6864b9
```
#6864b9 rgb(104,100,185)
```
#605bc2
```
#605bc2 rgb(96,91,194)
```
#5853ca
```
#5853ca rgb(88,83,202)
```
#504ad3
```
#504ad3 rgb(80,74,211)
```
#4841dc
```
#4841dc rgb(72,65,220)
```
#4039e4
```
#4039e4 rgb(64,57,228)
```
#3830ed
```
#3830ed rgb(56,48,237)
```
#3027f6
```
#3027f6 rgb(48,39,246)
```
#291ffe
```
#291ffe rgb(41,31,254)
```

Tone Color Variation

Below, you can see how #504ad3 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
#595873 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#007078 Tritanopia 0.001% of the population

Trichromacy

#1d5ac8 Protanomaly 1% of men, 0.01% of women
#1d5db9 Deuteranomaly 6% of men, 0.4% of women
#1d6299 Tritanomaly 0.01% of the population

#504ad3 hex color

#504ad3 Color Information

#504ad3 Color Conversion

Color Schemes with #504ad3

Alternatives to #504ad3

#504ad3 Preview

Shades and Tints of #504ad3

Tones of #504ad3

Color Blindness Simulator