#506aed Color Information
In a RGB color space, hex #506aed is composed of 31.4% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 230.1 degrees, a saturation of 81.3% and a lightness of 62.2%. #506aed color hex could be obtained by blending #a0d4ff with #0000db. Closest websafe color is: #6666ff.
-
- R 31
- G 42
- B 93
-
- C 66
- M 55
- Y 0
- K 7
● #506aed color description : Soft blue.
#506aed Color Conversion
The hexadecimal color #506aed has RGB values of R:80, G:106, B:237 and CMYK values of C:0.66, M:0.55, Y:0, K:0.07. Its decimal value is 5270253.
Hex triplet | 506aed | #506aed |
---|---|---|
RGB Decimal | 80, 106, 237 | rgb(80,106,237) |
RGB Percent | 31.4, 41.6, 92.9 | rgb(31.4%,41.6%,92.9%) |
CMYK | 66, 55, 0, 7 | |
HSL | 230.1°, 81.3, 62.2 | hsl(230.1,81.3%,62.2%) |
HSV (or HSB) | 230.1°, 66.2, 92.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.649, 31.936, -69.042 |
---|---|
XYZ | 23.745, 18.127, 82.364 |
xyY | 0.191, 0.146, 18.127 |
CIE-LCH | 49.649, 76.071, 294.823 |
CIE-LUV | 49.649, -14.739, -108.272 |
Hunter-Lab | 42.575, 25.047, -84.896 |
Binary | 01010000, 01101010, 11101101 |
Color Schemes with #506aed
Alternatives to #506aed
Below, you can see some colors close to #506aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506aed Preview
This text has a font color of #506aed.
<span style="color:#506aed;">Text here</span>
This paragraph has a background color of #506aed.
<p style="background-color:#506aed;">Content here</p>
This element has a border color of #506aed.
<div style="border:1px solid #506aed;">Content here</div>
.text {color:#506aed;}
.background {background-color:#506aed;}
.border {border:1px solid #506aed;}
Shades and Tints of #506aed
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, #000103 is the darkest color, while #f0f2fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#020515
#020515
rgb(2,5,21)
-
#040a26
#040a26
rgb(4,10,38)
-
#060e38
#060e38
rgb(6,14,56)
-
#08134a
#08134a
rgb(8,19,74)
-
#09175c
#09175c
rgb(9,23,92)
-
#0b1c6e
#0b1c6e
rgb(11,28,110)
-
#0d207f
#0d207f
rgb(13,32,127)
-
#0f2491
#0f2491
rgb(15,36,145)
-
#1129a3
#1129a3
rgb(17,41,163)
-
#132db5
#132db5
rgb(19,45,181)
-
#1432c7
#1432c7
rgb(20,50,199)
-
#1636d8
#1636d8
rgb(22,54,216)
-
#1b3de8
#1b3de8
rgb(27,61,232)
-
#2c4ce9
#2c4ce9
rgb(44,76,233)
-
#3e5beb
#3e5beb
rgb(62,91,235)
-
#506aed
#506aed
rgb(80,106,237)
-
#6279ef
#6279ef
rgb(98,121,239)
-
#7488f1
#7488f1
rgb(116,136,241)
-
#8597f2
#8597f2
rgb(133,151,242)
-
#97a7f4
#97a7f4
rgb(151,167,244)
-
#a9b6f6
#a9b6f6
rgb(169,182,246)
-
#bbc5f8
#bbc5f8
rgb(187,197,248)
-
#cdd4fa
#cdd4fa
rgb(205,212,250)
-
#dee3fc
#dee3fc
rgb(222,227,252)
-
#f0f2fd
#f0f2fd
rgb(240,242,253)
Tones of #506aed
A tone is produced by adding gray to any pure hue. In this case, #9a9ca3 is the less saturated color, while #4160fc is the most saturated one.
-
#9a9ca3
#9a9ca3
rgb(154,156,163)
-
#9397aa
#9397aa
rgb(147,151,170)
-
#8b92b2
#8b92b2
rgb(139,146,178)
-
#848db9
#848db9
rgb(132,141,185)
-
#7d88c0
#7d88c0
rgb(125,136,192)
-
#7583c8
#7583c8
rgb(117,131,200)
-
#6e7ecf
#6e7ecf
rgb(110,126,207)
-
#6679d7
#6679d7
rgb(102,121,215)
-
#5f74de
#5f74de
rgb(95,116,222)
-
#576fe6
#576fe6
rgb(87,111,230)
-
#506aed
#506aed
rgb(80,106,237)
-
#4965f4
#4965f4
rgb(73,101,244)
-
#4160fc
#4160fc
rgb(65,96,252)
Color Blindness Simulator
Below, you can see how #506aed 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.