#505bf5 Color Information
In a RGB color space, hex #505bf5 is composed of 31.4% red, 35.7% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 62.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 236 degrees, a saturation of 89.2% and a lightness of 63.7%. #505bf5 color hex could be obtained by blending #a0b6ff with #0000eb. Closest websafe color is: #6666ff.
-
- R 31
- G 36
- B 96
-
- C 67
- M 63
- Y 0
- K 4
● #505bf5 color description : Soft blue.
#505bf5 Color Conversion
The hexadecimal color #505bf5 has RGB values of R:80, G:91, B:245 and CMYK values of C:0.67, M:0.63, Y:0, K:0.04. Its decimal value is 5266421.
Hex triplet | 505bf5 | #505bf5 |
---|---|---|
RGB Decimal | 80, 91, 245 | rgb(80,91,245) |
RGB Percent | 31.4, 35.7, 96.1 | rgb(31.4%,35.7%,96.1%) |
CMYK | 67, 63, 0, 4 | |
HSL | 236°, 89.2, 63.7 | hsl(236,89.2%,63.7%) |
HSV (or HSB) | 236°, 67.3, 96.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.683, 43.756, -78.354 |
---|---|
XYZ | 23.527, 15.779, 88.187 |
xyY | 0.185, 0.124, 15.779 |
CIE-LCH | 46.683, 89.744, 299.181 |
CIE-LUV | 46.683, -11.23, -119.994 |
Hunter-Lab | 39.723, 36.21, -103.822 |
Binary | 01010000, 01011011, 11110101 |
Color Schemes with #505bf5
Alternatives to #505bf5
Below, you can see some colors close to #505bf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505bf5 Preview
This text has a font color of #505bf5.
<span style="color:#505bf5;">Text here</span>
This paragraph has a background color of #505bf5.
<p style="background-color:#505bf5;">Content here</p>
This element has a border color of #505bf5.
<div style="border:1px solid #505bf5;">Content here</div>
.text {color:#505bf5;}
.background {background-color:#505bf5;}
.border {border:1px solid #505bf5;}
Shades and Tints of #505bf5
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, #01010b is the darkest color, while #f7f7ff is the lightest one.
-
#01010b
#01010b
rgb(1,1,11)
-
#02031d
#02031d
rgb(2,3,29)
-
#030630
#030630
rgb(3,6,48)
-
#040842
#040842
rgb(4,8,66)
-
#050a55
#050a55
rgb(5,10,85)
-
#060c67
#060c67
rgb(6,12,103)
-
#070f7a
#070f7a
rgb(7,15,122)
-
#08118c
#08118c
rgb(8,17,140)
-
#09139f
#09139f
rgb(9,19,159)
-
#0a15b2
#0a15b2
rgb(10,21,178)
-
#0b18c4
#0b18c4
rgb(11,24,196)
-
#0c1ad7
#0c1ad7
rgb(12,26,215)
-
#0d1ce9
#0d1ce9
rgb(13,28,233)
-
#1827f2
#1827f2
rgb(24,39,242)
-
#2b38f3
#2b38f3
rgb(43,56,243)
-
#3d4af4
#3d4af4
rgb(61,74,244)
-
#505bf5
#505bf5
rgb(80,91,245)
-
#636cf6
#636cf6
rgb(99,108,246)
-
#757ef7
#757ef7
rgb(117,126,247)
-
#888ff8
#888ff8
rgb(136,143,248)
-
#9aa1f9
#9aa1f9
rgb(154,161,249)
-
#adb2fa
#adb2fa
rgb(173,178,250)
-
#bfc3fb
#bfc3fb
rgb(191,195,251)
-
#d2d5fc
#d2d5fc
rgb(210,213,252)
-
#e4e6fd
#e4e6fd
rgb(228,230,253)
-
#f7f7ff
#f7f7ff
rgb(247,247,255)
Tones of #505bf5
A tone is produced by adding gray to any pure hue. In this case, #9e9fa7 is the less saturated color, while #4955fc is the most saturated one.
-
#9e9fa7
#9e9fa7
rgb(158,159,167)
-
#9799ae
#9799ae
rgb(151,153,174)
-
#9093b5
#9093b5
rgb(144,147,181)
-
#898cbc
#898cbc
rgb(137,140,188)
-
#8286c3
#8286c3
rgb(130,134,195)
-
#7b80ca
#7b80ca
rgb(123,128,202)
-
#747ad1
#747ad1
rgb(116,122,209)
-
#6c74d9
#6c74d9
rgb(108,116,217)
-
#656ee0
#656ee0
rgb(101,110,224)
-
#5e67e7
#5e67e7
rgb(94,103,231)
-
#5761ee
#5761ee
rgb(87,97,238)
-
#505bf5
#505bf5
rgb(80,91,245)
-
#4955fc
#4955fc
rgb(73,85,252)
Color Blindness Simulator
Below, you can see how #505bf5 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.