#505aea Color Information
In a RGB color space, hex #505aea is composed of 31.4% red, 35.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 61.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 236.1 degrees, a saturation of 78.6% and a lightness of 61.6%. #505aea color hex could be obtained by blending #a0b4ff with #0000d5. Closest websafe color is: #6666ff.
-
- R 31
- G 35
- B 92
-
- C 66
- M 62
- Y 0
- K 8
● #505aea color description : Soft blue.
#505aea Color Conversion
The hexadecimal color #505aea has RGB values of R:80, G:90, B:234 and CMYK values of C:0.66, M:0.62, Y:0, K:0.08. Its decimal value is 5266154.
Hex triplet | 505aea | #505aea |
---|---|---|
RGB Decimal | 80, 90, 234 | rgb(80,90,234) |
RGB Percent | 31.4, 35.3, 91.8 | rgb(31.4%,35.3%,91.8%) |
CMYK | 66, 62, 0, 8 | |
HSL | 236.1°, 78.6, 61.6 | hsl(236.1,78.6%,61.6%) |
HSV (or HSB) | 236.1°, 65.8, 91.8 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 45.575, 40.71, -73.986 |
---|---|
XYZ | 21.813, 14.957, 79.575 |
xyY | 0.187, 0.129, 14.957 |
CIE-LCH | 45.575, 84.447, 298.821 |
CIE-LUV | 45.575, -10.607, -112.998 |
Hunter-Lab | 38.674, 32.995, -94.92 |
Binary | 01010000, 01011010, 11101010 |
Color Schemes with #505aea
Alternatives to #505aea
Below, you can see some colors close to #505aea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505aea Preview
This text has a font color of #505aea.
<span style="color:#505aea;">Text here</span>
This paragraph has a background color of #505aea.
<p style="background-color:#505aea;">Content here</p>
This element has a border color of #505aea.
<div style="border:1px solid #505aea;">Content here</div>
.text {color:#505aea;}
.background {background-color:#505aea;}
.border {border:1px solid #505aea;}
Shades and Tints of #505aea
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, #000000 is the darkest color, while #eeeffd is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#020312
#020312
rgb(2,3,18)
-
#040623
#040623
rgb(4,6,35)
-
#060935
#060935
rgb(6,9,53)
-
#080c46
#080c46
rgb(8,12,70)
-
#0b1058
#0b1058
rgb(11,16,88)
-
#0d1369
#0d1369
rgb(13,19,105)
-
#0f167b
#0f167b
rgb(15,22,123)
-
#11198c
#11198c
rgb(17,25,140)
-
#131c9e
#131c9e
rgb(19,28,158)
-
#151faf
#151faf
rgb(21,31,175)
-
#1722c1
#1722c1
rgb(23,34,193)
-
#1925d2
#1925d2
rgb(25,37,210)
-
#1b28e4
#1b28e4
rgb(27,40,228)
-
#2d39e6
#2d39e6
rgb(45,57,230)
-
#3e49e8
#3e49e8
rgb(62,73,232)
-
#505aea
#505aea
rgb(80,90,234)
-
#626bec
#626bec
rgb(98,107,236)
-
#737bee
#737bee
rgb(115,123,238)
-
#858cf0
#858cf0
rgb(133,140,240)
-
#969cf2
#969cf2
rgb(150,156,242)
-
#a8adf5
#a8adf5
rgb(168,173,245)
-
#b9bdf7
#b9bdf7
rgb(185,189,247)
-
#cbcef9
#cbcef9
rgb(203,206,249)
-
#dcdefb
#dcdefb
rgb(220,222,251)
-
#eeeffd
#eeeffd
rgb(238,239,253)
Tones of #505aea
A tone is produced by adding gray to any pure hue. In this case, #9b9c9f is the less saturated color, while #414df9 is the most saturated one.
-
#9b9c9f
#9b9c9f
rgb(155,156,159)
-
#9495a6
#9495a6
rgb(148,149,166)
-
#8c8eae
#8c8eae
rgb(140,142,174)
-
#8588b5
#8588b5
rgb(133,136,181)
-
#7d81bd
#7d81bd
rgb(125,129,189)
-
#767bc4
#767bc4
rgb(118,123,196)
-
#6e74cc
#6e74cc
rgb(110,116,204)
-
#676ed3
#676ed3
rgb(103,110,211)
-
#5f67db
#5f67db
rgb(95,103,219)
-
#5861e2
#5861e2
rgb(88,97,226)
-
#505aea
#505aea
rgb(80,90,234)
-
#4853f2
#4853f2
rgb(72,83,242)
-
#414df9
#414df9
rgb(65,77,249)
Color Blindness Simulator
Below, you can see how #505aea 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.