#505ed0 Color Information
In a RGB color space, hex #505ed0 is composed of 31.4% red, 36.9% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 54.8% magenta, 0% yellow and 18.4% black. It has a hue angle of 233.4 degrees, a saturation of 57.7% and a lightness of 56.5%. #505ed0 color hex could be obtained by blending #a0bcff with #0000a1. Closest websafe color is: #6666cc.
-
- R 31
- G 37
- B 82
-
- C 62
- M 55
- Y 0
- K 18
● #505ed0 color description : Moderate blue.
#505ed0 Color Conversion
The hexadecimal color #505ed0 has RGB values of R:80, G:94, B:208 and CMYK values of C:0.62, M:0.55, Y:0, K:0.18. Its decimal value is 5267152.
Hex triplet | 505ed0 | #505ed0 |
---|---|---|
RGB Decimal | 80, 94, 208 | rgb(80,94,208) |
RGB Percent | 31.4, 36.9, 81.6 | rgb(31.4%,36.9%,81.6%) |
CMYK | 62, 55, 0, 18 | |
HSL | 233.4°, 57.7, 56.5 | hsl(233.4,57.7%,56.5%) |
HSV (or HSB) | 233.4°, 61.5, 81.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 44.609, 29.528, -60.771 |
---|---|
XYZ | 18.694, 14.264, 61.439 |
xyY | 0.198, 0.151, 14.264 |
CIE-LCH | 44.609, 67.564, 295.915 |
CIE-LUV | 44.609, -10.735, -93.053 |
Hunter-Lab | 37.768, 22.258, -70.013 |
Binary | 01010000, 01011110, 11010000 |
Color Schemes with #505ed0
Alternatives to #505ed0
Below, you can see some colors close to #505ed0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505ed0 Preview
This text has a font color of #505ed0.
<span style="color:#505ed0;">Text here</span>
This paragraph has a background color of #505ed0.
<p style="background-color:#505ed0;">Content here</p>
This element has a border color of #505ed0.
<div style="border:1px solid #505ed0;">Content here</div>
.text {color:#505ed0;}
.background {background-color:#505ed0;}
.border {border:1px solid #505ed0;}
Shades and Tints of #505ed0
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, #03040b is the darkest color, while #fafafe is the lightest one.
-
#03040b
#03040b
rgb(3,4,11)
-
#07091a
#07091a
rgb(7,9,26)
-
#0b0e29
#0b0e29
rgb(11,14,41)
-
#0f1439
#0f1439
rgb(15,20,57)
-
#131948
#131948
rgb(19,25,72)
-
#181f58
#181f58
rgb(24,31,88)
-
#1c2467
#1c2467
rgb(28,36,103)
-
#202977
#202977
rgb(32,41,119)
-
#242f86
#242f86
rgb(36,47,134)
-
#283496
#283496
rgb(40,52,150)
-
#2c3aa5
#2c3aa5
rgb(44,58,165)
-
#313fb5
#313fb5
rgb(49,63,181)
-
#3544c4
#3544c4
rgb(53,68,196)
-
#4150cc
#4150cc
rgb(65,80,204)
-
#505ed0
#505ed0
rgb(80,94,208)
-
#5f6cd4
#5f6cd4
rgb(95,108,212)
-
#6f7ad8
#6f7ad8
rgb(111,122,216)
-
#7e89dc
#7e89dc
rgb(126,137,220)
-
#8e97e1
#8e97e1
rgb(142,151,225)
-
#9da5e5
#9da5e5
rgb(157,165,229)
-
#adb3e9
#adb3e9
rgb(173,179,233)
-
#bcc2ed
#bcc2ed
rgb(188,194,237)
-
#ccd0f1
#ccd0f1
rgb(204,208,241)
-
#dbdef5
#dbdef5
rgb(219,222,245)
-
#ebecfa
#ebecfa
rgb(235,236,250)
-
#fafafe
#fafafe
rgb(250,250,254)
Tones of #505ed0
A tone is produced by adding gray to any pure hue. In this case, #8c8d94 is the less saturated color, while #253dfb is the most saturated one.
-
#8c8d94
#8c8d94
rgb(140,141,148)
-
#83869d
#83869d
rgb(131,134,157)
-
#7b7fa5
#7b7fa5
rgb(123,127,165)
-
#7279ae
#7279ae
rgb(114,121,174)
-
#6a72b6
#6a72b6
rgb(106,114,182)
-
#616bbf
#616bbf
rgb(97,107,191)
-
#5965c7
#5965c7
rgb(89,101,199)
-
#505ed0
#505ed0
rgb(80,94,208)
-
#4757d9
#4757d9
rgb(71,87,217)
-
#3f51e1
#3f51e1
rgb(63,81,225)
-
#364aea
#364aea
rgb(54,74,234)
-
#2e43f2
#2e43f2
rgb(46,67,242)
-
#253dfb
#253dfb
rgb(37,61,251)
Color Blindness Simulator
Below, you can see how #505ed0 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.