#504ec2 hex color

In a RGB color space, hex #504ec2 is composed of 31.4% red, 30.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 59.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 241 degrees, a saturation of 48.7% and a lightness of 53.3%. #504ec2 color hex could be obtained by blending #a09cff with #000085. Closest websafe color is: #6666cc.

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

● #504ec2 color description : Moderate blue.

The hexadecimal color #504ec2 has RGB values of R:80, G:78, B:194 and CMYK values of C:0.59, M:0.6, Y:0, K:0.24. Its decimal value is 5263042.

Hex triplet	504ec2	`#504ec2`
RGB Decimal	80, 78, 194	`rgb(80,78,194)`
RGB Percent	31.4, 30.6, 76.1	`rgb(31.4%,30.6%,76.1%)`
CMYK	59, 60, 0, 24
HSL	241°, 48.7, 53.3	`hsl(241,48.7%,53.3%)`
HSV (or HSB)	241°, 59.8, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	39.662, 34.815, -60.699
XYZ	15.768, 11.049, 52.338
xyY	0.199, 0.14, 11.049
CIE-LCH	39.662, 69.974, 299.837
CIE-LUV	39.662, -5.937, -90.018
Hunter-Lab	33.24, 26.509, -70.088
Binary	01010000, 01001110, 11000010

#504ec2
```
#504ec2 rgb(80,78,194)
```
#c0c24e
```
#c0c24e rgb(192,194,78)
```

Complementary Color

#4e86c2
```
#4e86c2 rgb(78,134,194)
```
#504ec2
```
#504ec2 rgb(80,78,194)
```
#8a4ec2
```
#8a4ec2 rgb(138,78,194)
```

Analogous Color

#86c24e
```
#86c24e rgb(134,194,78)
```
#504ec2
```
#504ec2 rgb(80,78,194)
```
#c28a4e
```
#c28a4e rgb(194,138,78)
```

Split Complementary Color

#4ec250
```
#4ec250 rgb(78,194,80)
```
#504ec2
```
#504ec2 rgb(80,78,194)
```
#c2504e
```
#c2504e rgb(194,80,78)
```

Triadic Color

#4ec0c2
```
#4ec0c2 rgb(78,192,194)
```
#504ec2
```
#504ec2 rgb(80,78,194)
```
#c2504e
```
#c2504e rgb(194,80,78)
```
#c0c24e
```
#c0c24e rgb(192,194,78)
```

Tetradic Color

#343291
```
#343291 rgb(52,50,145)
```
#3b39a4
```
#3b39a4 rgb(59,57,164)
```
#413fb7
```
#413fb7 rgb(65,63,183)
```
#504ec2
```
#504ec2 rgb(80,78,194)
```
#6361c9
```
#6361c9 rgb(99,97,201)
```
#7674cf
```
#7674cf rgb(118,116,207)
```
#8887d6
```
#8887d6 rgb(136,135,214)
```

Monochromatic Color

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

#4e69c2
```
#4e69c2 rgb(78,105,194)
```
#4e5fc2
```
#4e5fc2 rgb(78,95,194)
```
#4e56c2
```
#4e56c2 rgb(78,86,194)
```
#504ec2
```
#504ec2 rgb(80,78,194)
```
#5a4ec2
```
#5a4ec2 rgb(90,78,194)
```
#634ec2
```
#634ec2 rgb(99,78,194)
```
#6d4ec2
```
#6d4ec2 rgb(109,78,194)
```

Similar Colors

Text with hexadecimal color #504ec2

This text has a font color of #504ec2.

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

#504ec2 background color

This paragraph has a background color of #504ec2.

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

#504ec2 border color

This element has a border color of #504ec2.

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

CSS codes

.text {color:#504ec2;}

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

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

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, #05040d is the darkest color, while #fdfdfe is the lightest one.

#05040d
```
#05040d rgb(5,4,13)
```
#0a091b
```
#0a091b rgb(10,9,27)
```
#0f0e2a
```
#0f0e2a rgb(15,14,42)
```
#141338
```
#141338 rgb(20,19,56)
```
#191847
```
#191847 rgb(25,24,71)
```
#1e1d56
```
#1e1d56 rgb(30,29,86)
```
#242364
```
#242364 rgb(36,35,100)
```
#292873
```
#292873 rgb(41,40,115)
```
#2e2d81
```
#2e2d81 rgb(46,45,129)
```
#333290
```
#333290 rgb(51,50,144)
```
#38379f
```
#38379f rgb(56,55,159)
```
#3e3cad
```
#3e3cad rgb(62,60,173)
```
#4341bc
```
#4341bc rgb(67,65,188)
```

Shade Color Variation

#504ec2
```
#504ec2 rgb(80,78,194)
```
#5e5dc7
```
#5e5dc7 rgb(94,93,199)
```
#6d6bcc
```
#6d6bcc rgb(109,107,204)
```
#7b7ad1
```
#7b7ad1 rgb(123,122,209)
```
#8a88d6
```
#8a88d6 rgb(138,136,214)
```
#9897db
```
#9897db rgb(152,151,219)
```
#a7a6e0
```
#a7a6e0 rgb(167,166,224)
```
#b5b4e5
```
#b5b4e5 rgb(181,180,229)
```
#c3c3ea
```
#c3c3ea rgb(195,195,234)
```
#d2d1ef
```
#d2d1ef rgb(210,209,239)
```
#e0e0f4
```
#e0e0f4 rgb(224,224,244)
```
#efeef9
```
#efeef9 rgb(239,238,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#85858b
```
#85858b rgb(133,133,139)
```
#7c7c94
```
#7c7c94 rgb(124,124,148)
```
#73739d
```
#73739d rgb(115,115,157)
```
#6b69a7
```
#6b69a7 rgb(107,105,167)
```
#6260b0
```
#6260b0 rgb(98,96,176)
```
#5957b9
```
#5957b9 rgb(89,87,185)
```
#504ec2
```
#504ec2 rgb(80,78,194)
```
#4745cb
```
#4745cb rgb(71,69,203)
```
#3e3cd4
```
#3e3cd4 rgb(62,60,212)
```
#3533dd
```
#3533dd rgb(53,51,221)
```
#2d29e7
```
#2d29e7 rgb(45,41,231)
```
#2420f0
```
#2420f0 rgb(36,32,240)
```
#1b17f9
```
#1b17f9 rgb(27,23,249)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0068a9 Deuteranopia 1% of men
#2a6e76 Tritanopia 0.001% of the population

Trichromacy

#1d5bc1 Protanomaly 1% of men, 0.01% of women
#1d5eb2 Deuteranomaly 6% of men, 0.4% of women
#376292 Tritanomaly 0.01% of the population

#504ec2 hex color

#504ec2 Color Information

#504ec2 Color Conversion

Color Schemes with #504ec2

Alternatives to #504ec2

#504ec2 Preview

Shades and Tints of #504ec2

Tones of #504ec2

Color Blindness Simulator