#505ed4 Color Information
In a RGB color space, hex #505ed4 is composed of 31.4% red, 36.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 55.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 233.6 degrees, a saturation of 60.6% and a lightness of 57.3%. #505ed4 color hex could be obtained by blending #a0bcff with #0000a9. Closest websafe color is: #6666cc.
-
- R 31
- G 37
- B 83
-
- C 62
- M 56
- Y 0
- K 17
● #505ed4 color description : Moderate blue.
#505ed4 Color Conversion
The hexadecimal color #505ed4 has RGB values of R:80, G:94, B:212 and CMYK values of C:0.62, M:0.56, Y:0, K:0.17. Its decimal value is 5267156.
Hex triplet | 505ed4 | #505ed4 |
---|---|---|
RGB Decimal | 80, 94, 212 | rgb(80,94,212) |
RGB Percent | 31.4, 36.9, 83.1 | rgb(31.4%,36.9%,83.1%) |
CMYK | 62, 56, 0, 17 | |
HSL | 233.6°, 60.6, 57.3 | hsl(233.6,60.6%,57.3%) |
HSV (or HSB) | 233.6°, 62.3, 83.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 44.89, 30.878, -62.607 |
---|---|
XYZ | 19.192, 14.463, 64.064 |
xyY | 0.196, 0.148, 14.463 |
CIE-LCH | 44.89, 69.807, 296.253 |
CIE-LUV | 44.89, -10.862, -95.962 |
Hunter-Lab | 38.031, 23.526, -73.254 |
Binary | 01010000, 01011110, 11010100 |
Color Schemes with #505ed4
Alternatives to #505ed4
Below, you can see some colors close to #505ed4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505ed4 Preview
This text has a font color of #505ed4.
<span style="color:#505ed4;">Text here</span>
This paragraph has a background color of #505ed4.
<p style="background-color:#505ed4;">Content here</p>
This element has a border color of #505ed4.
<div style="border:1px solid #505ed4;">Content here</div>
.text {color:#505ed4;}
.background {background-color:#505ed4;}
.border {border:1px solid #505ed4;}
Shades and Tints of #505ed4
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, #03050e is the darkest color, while #fdfdff is the lightest one.
-
#03050e
#03050e
rgb(3,5,14)
-
#070a1e
#070a1e
rgb(7,10,30)
-
#0b0f2d
#0b0f2d
rgb(11,15,45)
-
#0f143d
#0f143d
rgb(15,20,61)
-
#13194d
#13194d
rgb(19,25,77)
-
#171e5d
#171e5d
rgb(23,30,93)
-
#1b236c
#1b236c
rgb(27,35,108)
-
#1f287c
#1f287c
rgb(31,40,124)
-
#222e8c
#222e8c
rgb(34,46,140)
-
#26339c
#26339c
rgb(38,51,156)
-
#2a38ab
#2a38ab
rgb(42,56,171)
-
#2e3dbb
#2e3dbb
rgb(46,61,187)
-
#3242cb
#3242cb
rgb(50,66,203)
-
#4050d0
#4050d0
rgb(64,80,208)
-
#505ed4
#505ed4
rgb(80,94,212)
-
#606cd8
#606cd8
rgb(96,108,216)
-
#6f7bdc
#6f7bdc
rgb(111,123,220)
-
#7f89e0
#7f89e0
rgb(127,137,224)
-
#8f98e3
#8f98e3
rgb(143,152,227)
-
#9fa6e7
#9fa6e7
rgb(159,166,231)
-
#aeb5eb
#aeb5eb
rgb(174,181,235)
-
#bec3ef
#bec3ef
rgb(190,195,239)
-
#ced2f3
#ced2f3
rgb(206,210,243)
-
#dee0f7
#dee0f7
rgb(222,224,247)
-
#edeffb
#edeffb
rgb(237,239,251)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #505ed4
A tone is produced by adding gray to any pure hue. In this case, #8b8c99 is the less saturated color, while #263dfe is the most saturated one.
-
#8b8c99
#8b8c99
rgb(139,140,153)
-
#8286a2
#8286a2
rgb(130,134,162)
-
#7a7faa
#7a7faa
rgb(122,127,170)
-
#7278b2
#7278b2
rgb(114,120,178)
-
#6972bb
#6972bb
rgb(105,114,187)
-
#616bc3
#616bc3
rgb(97,107,195)
-
#5865cc
#5865cc
rgb(88,101,204)
-
#505ed4
#505ed4
rgb(80,94,212)
-
#4857dc
#4857dc
rgb(72,87,220)
-
#3f51e5
#3f51e5
rgb(63,81,229)
-
#374aed
#374aed
rgb(55,74,237)
-
#2e44f6
#2e44f6
rgb(46,68,246)
-
#263dfe
#263dfe
rgb(38,61,254)
Color Blindness Simulator
Below, you can see how #505ed4 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.