colorhexa.com

#504ee5 hex color

In a RGB color space, hex #504ee5 is composed of 31.4% red, 30.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 65.9% magenta, 0% yellow and 10.2% black. It has a hue angle of 240.8 degrees, a saturation of 74.4% and a lightness of 60.2%. #504ee5 color hex could be obtained by blending #a09cff with #0000cb. Closest websafe color is: #6666cc.

- R 31
- G 31
- B 90
RGB color chart
- C 65
- M 66
- Y 0
- K 10
CMYK color chart

● #504ee5 color description : Soft blue.

The hexadecimal color #504ee5 has RGB values of R:80, G:78, B:229 and CMYK values of C:0.65, M:0.66, Y:0, K:0.1. Its decimal value is 5263077.

Hex triplet	504ee5	`#504ee5`
RGB Decimal	80, 78, 229	`rgb(80,78,229)`
RGB Percent	31.4, 30.6, 89.8	`rgb(31.4%,30.6%,89.8%)`
CMYK	65, 66, 0, 10
HSL	240.8°, 74.4, 60.2	`hsl(240.8,74.4%,60.2%)`
HSV (or HSB)	240.8°, 65.9, 89.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	42.476, 46.196, -76.227
XYZ	20.173, 12.81, 75.534
xyY	0.186, 0.118, 12.81
CIE-LCH	42.476, 89.133, 301.217
CIE-LUV	42.476, -7.733, -113.567
Hunter-Lab	35.792, 37.97, -100.071
Binary	01010000, 01001110, 11100101

#504ee5
```
#504ee5 rgb(80,78,229)
```
#e3e54e
```
#e3e54e rgb(227,229,78)
```

Complementary Color

#4e98e5
```
#4e98e5 rgb(78,152,229)
```
#504ee5
```
#504ee5 rgb(80,78,229)
```
#9c4ee5
```
#9c4ee5 rgb(156,78,229)
```

Analogous Color

#98e54e
```
#98e54e rgb(152,229,78)
```
#504ee5
```
#504ee5 rgb(80,78,229)
```
#e59c4e
```
#e59c4e rgb(229,156,78)
```

Split Complementary Color

#4ee550
```
#4ee550 rgb(78,229,80)
```
#504ee5
```
#504ee5 rgb(80,78,229)
```
#e5504e
```
#e5504e rgb(229,80,78)
```

Triadic Color

#4ee3e5
```
#4ee3e5 rgb(78,227,229)
```
#504ee5
```
#504ee5 rgb(80,78,229)
```
#e5504e
```
#e5504e rgb(229,80,78)
```
#e3e54e
```
#e3e54e rgb(227,229,78)
```

Tetradic Color

#201ec9
```
#201ec9 rgb(32,30,201)
```
#2422de
```
#2422de rgb(36,34,222)
```
#3a38e2
```
#3a38e2 rgb(58,56,226)
```
#504ee5
```
#504ee5 rgb(80,78,229)
```
#6664e8
```
#6664e8 rgb(102,100,232)
```
#7c7aec
```
#7c7aec rgb(124,122,236)
```
#9291ef
```
#9291ef rgb(146,145,239)
```

Monochromatic Color

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

#4e72e5
```
#4e72e5 rgb(78,114,229)
```
#4e65e5
```
#4e65e5 rgb(78,101,229)
```
#4e59e5
```
#4e59e5 rgb(78,89,229)
```
#504ee5
```
#504ee5 rgb(80,78,229)
```
#5d4ee5
```
#5d4ee5 rgb(93,78,229)
```
#694ee5
```
#694ee5 rgb(105,78,229)
```
#764ee5
```
#764ee5 rgb(118,78,229)
```

Similar Colors

Text with hexadecimal color #504ee5

This text has a font color of #504ee5.

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

#504ee5 background color

This paragraph has a background color of #504ee5.

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

#504ee5 border color

This element has a border color of #504ee5.

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

CSS codes

.text {color:#504ee5;}

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

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

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, #02020b is the darkest color, while #f9f9fe is the lightest one.

#02020b
```
#02020b rgb(2,2,11)
```
#04041c
```
#04041c rgb(4,4,28)
```
#07072d
```
#07072d rgb(7,7,45)
```
#0a093e
```
#0a093e rgb(10,9,62)
```
#0d0c50
```
#0d0c50 rgb(13,12,80)
```
#0f0e61
```
#0f0e61 rgb(15,14,97)
```
#121172
```
#121172 rgb(18,17,114)
```
#151383
```
#151383 rgb(21,19,131)
```
#171694
```
#171694 rgb(23,22,148)
```
#1a18a5
```
#1a18a5 rgb(26,24,165)
```
#1d1bb6
```
#1d1bb6 rgb(29,27,182)
```
#201dc7
```
#201dc7 rgb(32,29,199)
```
#2220d8
```
#2220d8 rgb(34,32,216)
```

Shade Color Variation

#2e2ce0
```
#2e2ce0 rgb(46,44,224)
```
#3f3de2
```
#3f3de2 rgb(63,61,226)
```
#504ee5
```
#504ee5 rgb(80,78,229)
```
#615fe8
```
#615fe8 rgb(97,95,232)
```
#7270ea
```
#7270ea rgb(114,112,234)
```
#8381ed
```
#8381ed rgb(131,129,237)
```
#9492ef
```
#9492ef rgb(148,146,239)
```
#a5a4f2
```
#a5a4f2 rgb(165,164,242)
```
#b5b5f4
```
#b5b5f4 rgb(181,181,244)
```
#c6c6f7
```
#c6c6f7 rgb(198,198,247)
```
#d7d7f9
```
#d7d7f9 rgb(215,215,249)
```
#e8e8fc
```
#e8e8fc rgb(232,232,252)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#94949f
```
#94949f rgb(148,148,159)
```
#8d8ca7
```
#8d8ca7 rgb(141,140,167)
```
#8585ae
```
#8585ae rgb(133,133,174)
```
#7e7db6
```
#7e7db6 rgb(126,125,182)
```
#7675be
```
#7675be rgb(118,117,190)
```
#6e6dc6
```
#6e6dc6 rgb(110,109,198)
```
#6765ce
```
#6765ce rgb(103,101,206)
```
#5f5ed5
```
#5f5ed5 rgb(95,94,213)
```
#5856dd
```
#5856dd rgb(88,86,221)
```
#504ee5
```
#504ee5 rgb(80,78,229)
```
#4846ed
```
#4846ed rgb(72,70,237)
```
#413ef5
```
#413ef5 rgb(65,62,245)
```
#3937fc
```
#3937fc rgb(57,55,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#5d5c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#1d5fd5 Protanomaly 1% of men, 0.01% of women
#1d63c5 Deuteranomaly 6% of men, 0.4% of women
#1d68a3 Tritanomaly 0.01% of the population