#505ae3 Color Information
In a RGB color space, hex #505ae3 is composed of 31.4% red, 35.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 60.4% magenta, 0% yellow and 11% black. It has a hue angle of 235.9 degrees, a saturation of 72.4% and a lightness of 60.2%. #505ae3 color hex could be obtained by blending #a0b4ff with #0000c7. Closest websafe color is: #6666cc.
-
- R 31
- G 35
- B 89
-
- C 65
- M 60
- Y 0
- K 11
● #505ae3 color description : Soft blue.
#505ae3 Color Conversion
The hexadecimal color #505ae3 has RGB values of R:80, G:90, B:227 and CMYK values of C:0.65, M:0.6, Y:0, K:0.11. Its decimal value is 5266147.
Hex triplet | 505ae3 | #505ae3 |
---|---|---|
RGB Decimal | 80, 90, 227 | rgb(80,90,227) |
RGB Percent | 31.4, 35.3, 89 | rgb(31.4%,35.3%,89%) |
CMYK | 65, 60, 0, 11 | |
HSL | 235.9°, 72.4, 60.2 | hsl(235.9,72.4%,60.2%) |
HSV (or HSB) | 235.9°, 64.8, 89 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 45.029, 38.38, -70.92 |
---|---|
XYZ | 20.827, 14.563, 74.382 |
xyY | 0.19, 0.133, 14.563 |
CIE-LCH | 45.029, 80.639, 298.421 |
CIE-LUV | 45.029, -10.351, -108.238 |
Hunter-Lab | 38.161, 30.636, -88.853 |
Binary | 01010000, 01011010, 11100011 |
Color Schemes with #505ae3
Alternatives to #505ae3
Below, you can see some colors close to #505ae3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505ae3 Preview
This text has a font color of #505ae3.
<span style="color:#505ae3;">Text here</span>
This paragraph has a background color of #505ae3.
<p style="background-color:#505ae3;">Content here</p>
This element has a border color of #505ae3.
<div style="border:1px solid #505ae3;">Content here</div>
.text {color:#505ae3;}
.background {background-color:#505ae3;}
.border {border:1px solid #505ae3;}
Shades and Tints of #505ae3
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, #02020b is the darkest color, while #f9f9fe is the lightest one.
-
#02020b
#02020b
rgb(2,2,11)
-
#04061c
#04061c
rgb(4,6,28)
-
#070a2d
#070a2d
rgb(7,10,45)
-
#0a0d3e
#0a0d3e
rgb(10,13,62)
-
#0d114f
#0d114f
rgb(13,17,79)
-
#0f1560
#0f1560
rgb(15,21,96)
-
#121870
#121870
rgb(18,24,112)
-
#151c81
#151c81
rgb(21,28,129)
-
#172092
#172092
rgb(23,32,146)
-
#1a23a3
#1a23a3
rgb(26,35,163)
-
#1d27b4
#1d27b4
rgb(29,39,180)
-
#202bc5
#202bc5
rgb(32,43,197)
-
#222ed6
#222ed6
rgb(34,46,214)
-
#2e3ade
#2e3ade
rgb(46,58,222)
-
#3f4ae0
#3f4ae0
rgb(63,74,224)
-
#505ae3
#505ae3
rgb(80,90,227)
-
#616ae6
#616ae6
rgb(97,106,230)
-
#727ae8
#727ae8
rgb(114,122,232)
-
#838aeb
#838aeb
rgb(131,138,235)
-
#949aee
#949aee
rgb(148,154,238)
-
#a5aaf1
#a5aaf1
rgb(165,170,241)
-
#b5baf3
#b5baf3
rgb(181,186,243)
-
#c6caf6
#c6caf6
rgb(198,202,246)
-
#d7daf9
#d7daf9
rgb(215,218,249)
-
#e8e9fb
#e8e9fb
rgb(232,233,251)
-
#f9f9fe
#f9f9fe
rgb(249,249,254)
Tones of #505ae3
A tone is produced by adding gray to any pure hue. In this case, #96979d is the less saturated color, while #3946fa is the most saturated one.
-
#96979d
#96979d
rgb(150,151,157)
-
#8e90a5
#8e90a5
rgb(142,144,165)
-
#8789ac
#8789ac
rgb(135,137,172)
-
#7f82b4
#7f82b4
rgb(127,130,180)
-
#777cbc
#777cbc
rgb(119,124,188)
-
#6f75c4
#6f75c4
rgb(111,117,196)
-
#676ecc
#676ecc
rgb(103,110,204)
-
#6067d3
#6067d3
rgb(96,103,211)
-
#5861db
#5861db
rgb(88,97,219)
-
#505ae3
#505ae3
rgb(80,90,227)
-
#4853eb
#4853eb
rgb(72,83,235)
-
#404df3
#404df3
rgb(64,77,243)
-
#3946fa
#3946fa
rgb(57,70,250)
Color Blindness Simulator
Below, you can see how #505ae3 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.