#505aed Color Information
In a RGB color space, hex #505aed is composed of 31.4% red, 35.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 62% magenta, 0% yellow and 7.1% black. It has a hue angle of 236.2 degrees, a saturation of 81.3% and a lightness of 62.2%. #505aed color hex could be obtained by blending #a0b4ff with #0000db. Closest websafe color is: #6666ff.
-
- R 31
- G 35
- B 93
-
- C 66
- M 62
- Y 0
- K 7
● #505aed color description : Soft blue.
#505aed Color Conversion
The hexadecimal color #505aed has RGB values of R:80, G:90, B:237 and CMYK values of C:0.66, M:0.62, Y:0, K:0.07. Its decimal value is 5266157.
Hex triplet | 505aed | #505aed |
---|---|---|
RGB Decimal | 80, 90, 237 | rgb(80,90,237) |
RGB Percent | 31.4, 35.3, 92.9 | rgb(31.4%,35.3%,92.9%) |
CMYK | 66, 62, 0, 7 | |
HSL | 236.2°, 81.3, 62.2 | hsl(236.2,81.3%,62.2%) |
HSV (or HSB) | 236.2°, 66.2, 92.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 45.813, 41.706, -75.287 |
---|---|
XYZ | 22.247, 15.131, 81.864 |
xyY | 0.187, 0.127, 15.131 |
CIE-LCH | 45.813, 86.067, 298.984 |
CIE-LUV | 45.813, -10.716, -115.016 |
Hunter-Lab | 38.899, 34.018, -97.55 |
Binary | 01010000, 01011010, 11101101 |
Color Schemes with #505aed
Alternatives to #505aed
Below, you can see some colors close to #505aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505aed Preview
This text has a font color of #505aed.
<span style="color:#505aed;">Text here</span>
This paragraph has a background color of #505aed.
<p style="background-color:#505aed;">Content here</p>
This element has a border color of #505aed.
<div style="border:1px solid #505aed;">Content here</div>
.text {color:#505aed;}
.background {background-color:#505aed;}
.border {border:1px solid #505aed;}
Shades and Tints of #505aed
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, #000003 is the darkest color, while #f0f1fd is the lightest one.
-
#000003
#000003
rgb(0,0,3)
-
#020315
#020315
rgb(2,3,21)
-
#040626
#040626
rgb(4,6,38)
-
#060938
#060938
rgb(6,9,56)
-
#080c4a
#080c4a
rgb(8,12,74)
-
#090f5c
#090f5c
rgb(9,15,92)
-
#0b126e
#0b126e
rgb(11,18,110)
-
#0d147f
#0d147f
rgb(13,20,127)
-
#0f1791
#0f1791
rgb(15,23,145)
-
#111aa3
#111aa3
rgb(17,26,163)
-
#131db5
#131db5
rgb(19,29,181)
-
#1420c7
#1420c7
rgb(20,32,199)
-
#1623d8
#1623d8
rgb(22,35,216)
-
#1b28e8
#1b28e8
rgb(27,40,232)
-
#2c38e9
#2c38e9
rgb(44,56,233)
-
#3e49eb
#3e49eb
rgb(62,73,235)
-
#505aed
#505aed
rgb(80,90,237)
-
#626bef
#626bef
rgb(98,107,239)
-
#747cf1
#747cf1
rgb(116,124,241)
-
#858cf2
#858cf2
rgb(133,140,242)
-
#979df4
#979df4
rgb(151,157,244)
-
#a9aef6
#a9aef6
rgb(169,174,246)
-
#bbbff8
#bbbff8
rgb(187,191,248)
-
#cdcffa
#cdcffa
rgb(205,207,250)
-
#dee0fc
#dee0fc
rgb(222,224,252)
-
#f0f1fd
#f0f1fd
rgb(240,241,253)
Tones of #505aed
A tone is produced by adding gray to any pure hue. In this case, #9a9ba3 is the less saturated color, while #414dfc is the most saturated one.
-
#9a9ba3
#9a9ba3
rgb(154,155,163)
-
#9394aa
#9394aa
rgb(147,148,170)
-
#8b8eb2
#8b8eb2
rgb(139,142,178)
-
#8487b9
#8487b9
rgb(132,135,185)
-
#7d81c0
#7d81c0
rgb(125,129,192)
-
#757ac8
#757ac8
rgb(117,122,200)
-
#6e74cf
#6e74cf
rgb(110,116,207)
-
#666dd7
#666dd7
rgb(102,109,215)
-
#5f67de
#5f67de
rgb(95,103,222)
-
#5760e6
#5760e6
rgb(87,96,230)
-
#505aed
#505aed
rgb(80,90,237)
-
#4954f4
#4954f4
rgb(73,84,244)
-
#414dfc
#414dfc
rgb(65,77,252)
Color Blindness Simulator
Below, you can see how #505aed 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.