#504ac2 hex color

In a RGB color space, hex #504ac2 is composed of 31.4% red, 29% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 61.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 243 degrees, a saturation of 49.6% and a lightness of 52.5%. #504ac2 color hex could be obtained by blending #a094ff with #000085. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 31
- G 29
- B 76
RGB color chart
- C 59
- M 62
- Y 0
- K 24
CMYK color chart

● #504ac2 color description : Moderate blue.

The hexadecimal color #504ac2 has RGB values of R:80, G:74, B:194 and CMYK values of C:0.59, M:0.62, Y:0, K:0.24. Its decimal value is 5262018.

Hex triplet	504ac2	`#504ac2`
RGB Decimal	80, 74, 194	`rgb(80,74,194)`
RGB Percent	31.4, 29, 76.1	`rgb(31.4%,29%,76.1%)`
CMYK	59, 62, 0, 24
HSL	243°, 49.6, 52.5	`hsl(243,49.6%,52.5%)`
HSV (or HSB)	243°, 61.9, 76.1
Web Safe	6633cc	`#6633cc`

CIE-LAB	38.721, 37.263, -62.23
XYZ	15.493, 10.497, 52.246
xyY	0.198, 0.134, 10.497
CIE-LCH	38.721, 72.534, 300.913
CIE-LUV	38.721, -4.97, -91.5
Hunter-Lab	32.4, 28.655, -72.927
Binary	01010000, 01001010, 11000010

#504ac2
```
#504ac2 rgb(80,74,194)
```
#bcc24a
```
#bcc24a rgb(188,194,74)
```

Complementary Color

#4a80c2
```
#4a80c2 rgb(74,128,194)
```
#504ac2
```
#504ac2 rgb(80,74,194)
```
#8c4ac2
```
#8c4ac2 rgb(140,74,194)
```

Analogous Color

#80c24a
```
#80c24a rgb(128,194,74)
```
#504ac2
```
#504ac2 rgb(80,74,194)
```
#c28c4a
```
#c28c4a rgb(194,140,74)
```

Split Complementary Color

#4ac250
```
#4ac250 rgb(74,194,80)
```
#504ac2
```
#504ac2 rgb(80,74,194)
```
#c2504a
```
#c2504a rgb(194,80,74)
```

Triadic Color

#4abcc2
```
#4abcc2 rgb(74,188,194)
```
#504ac2
```
#504ac2 rgb(80,74,194)
```
#c2504a
```
#c2504a rgb(194,80,74)
```
#bcc24a
```
#bcc24a rgb(188,194,74)
```

Tetradic Color

#35308f
```
#35308f rgb(53,48,143)
```
#3c37a2
```
#3c37a2 rgb(60,55,162)
```
#433db5
```
#433db5 rgb(67,61,181)
```
#504ac2
```
#504ac2 rgb(80,74,194)
```
#625dc8
```
#625dc8 rgb(98,93,200)
```
#7570cf
```
#7570cf rgb(117,112,207)
```
#8783d5
```
#8783d5 rgb(135,131,213)
```

Monochromatic Color

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

#4a62c2
```
#4a62c2 rgb(74,98,194)
```
#4a58c2
```
#4a58c2 rgb(74,88,194)
```
#4a4ec2
```
#4a4ec2 rgb(74,78,194)
```
#504ac2
```
#504ac2 rgb(80,74,194)
```
#5a4ac2
```
#5a4ac2 rgb(90,74,194)
```
#644ac2
```
#644ac2 rgb(100,74,194)
```
#6e4ac2
```
#6e4ac2 rgb(110,74,194)
```

Similar Colors

Text with hexadecimal color #504ac2

This text has a font color of #504ac2.

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

#504ac2 background color

This paragraph has a background color of #504ac2.

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

#504ac2 border color

This element has a border color of #504ac2.

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

CSS codes

.text {color:#504ac2;}

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

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

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

#04030a
```
#04030a rgb(4,3,10)
```
#090818
```
#090818 rgb(9,8,24)
```
#0e0d27
```
#0e0d27 rgb(14,13,39)
```
#141236
```
#141236 rgb(20,18,54)
```
#191744
```
#191744 rgb(25,23,68)
```
#1f1c53
```
#1f1c53 rgb(31,28,83)
```
#242162
```
#242162 rgb(36,33,98)
```
#2a2670
```
#2a2670 rgb(42,38,112)
```
#2f2b7f
```
#2f2b7f rgb(47,43,127)
```
#34308e
```
#34308e rgb(52,48,142)
```
#3a359c
```
#3a359c rgb(58,53,156)
```
#3f3aab
```
#3f3aab rgb(63,58,171)
```
#453fba
```
#453fba rgb(69,63,186)
```

Shade Color Variation

#504ac2
```
#504ac2 rgb(80,74,194)
```
#5e59c7
```
#5e59c7 rgb(94,89,199)
```
#6c67cc
```
#6c67cc rgb(108,103,204)
```
#7b76d1
```
#7b76d1 rgb(123,118,209)
```
#8985d6
```
#8985d6 rgb(137,133,214)
```
#9793db
```
#9793db rgb(151,147,219)
```
#a5a2e0
```
#a5a2e0 rgb(165,162,224)
```
#b3b1e5
```
#b3b1e5 rgb(179,177,229)
```
#c1bfea
```
#c1bfea rgb(193,191,234)
```
#d0ceee
```
#d0ceee rgb(208,206,238)
```
#deddf3
```
#deddf3 rgb(222,221,243)
```
#ecebf8
```
#ecebf8 rgb(236,235,248)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82828a is the less saturated color, while #1e12fa is the most saturated one.

#82828a
```
#82828a rgb(130,130,138)
```
#7a7993
```
#7a7993 rgb(122,121,147)
```
#726f9d
```
#726f9d rgb(114,111,157)
```
#6966a6
```
#6966a6 rgb(105,102,166)
```
#615daf
```
#615daf rgb(97,93,175)
```
#5853b9
```
#5853b9 rgb(88,83,185)
```
#504ac2
```
#504ac2 rgb(80,74,194)
```
#4841cb
```
#4841cb rgb(72,65,203)
```
#3f37d5
```
#3f37d5 rgb(63,55,213)
```
#372ede
```
#372ede rgb(55,46,222)
```
#2e25e7
```
#2e25e7 rgb(46,37,231)
```
#261bf1
```
#261bf1 rgb(38,27,241)
```
#1e12fa
```
#1e12fa rgb(30,18,250)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#57566e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0065a5 Deuteranopia 1% of men
#286c74 Tritanopia 0.001% of the population

Trichromacy

#1d58be Protanomaly 1% of men, 0.01% of women
#1d5bb0 Deuteranomaly 6% of men, 0.4% of women
#365f90 Tritanomaly 0.01% of the population

#504ac2 hex color

#504ac2 Color Information

#504ac2 Color Conversion

Color Schemes with #504ac2

Alternatives to #504ac2

#504ac2 Preview

Shades and Tints of #504ac2

Tones of #504ac2

Color Blindness Simulator