#505cf0 Color Information
In a RGB color space, hex #505cf0 is composed of 31.4% red, 36.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 61.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 235.5 degrees, a saturation of 84.2% and a lightness of 62.7%. #505cf0 color hex could be obtained by blending #a0b8ff with #0000e1. Closest websafe color is: #6666ff.
-
- R 31
- G 36
- B 94
-
- C 67
- M 62
- Y 0
- K 6
● #505cf0 color description : Soft blue.
#505cf0 Color Conversion
The hexadecimal color #505cf0 has RGB values of R:80, G:92, B:240 and CMYK values of C:0.67, M:0.62, Y:0, K:0.06. Its decimal value is 5266672.
Hex triplet | 505cf0 | #505cf0 |
---|---|---|
RGB Decimal | 80, 92, 240 | rgb(80,92,240) |
RGB Percent | 31.4, 36.1, 94.1 | rgb(31.4%,36.1%,94.1%) |
CMYK | 67, 62, 0, 6 | |
HSL | 235.5°, 84.2, 62.7 | hsl(235.5,84.2%,62.7%) |
HSV (or HSB) | 235.5°, 66.7, 94.1 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 46.512, 41.5, -75.832 |
---|---|
XYZ | 22.86, 15.65, 84.249 |
xyY | 0.186, 0.127, 15.65 |
CIE-LCH | 46.512, 86.445, 298.69 |
CIE-LUV | 46.512, -11.287, -116.308 |
Hunter-Lab | 39.56, 33.92, -98.576 |
Binary | 01010000, 01011100, 11110000 |
Color Schemes with #505cf0
Alternatives to #505cf0
Below, you can see some colors close to #505cf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#505cf0 Preview
This text has a font color of #505cf0.
<span style="color:#505cf0;">Text here</span>
This paragraph has a background color of #505cf0.
<p style="background-color:#505cf0;">Content here</p>
This element has a border color of #505cf0.
<div style="border:1px solid #505cf0;">Content here</div>
.text {color:#505cf0;}
.background {background-color:#505cf0;}
.border {border:1px solid #505cf0;}
Shades and Tints of #505cf0
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, #000106 is the darkest color, while #f3f3fe is the lightest one.
-
#000106
#000106
rgb(0,1,6)
-
#020418
#020418
rgb(2,4,24)
-
#04062a
#04062a
rgb(4,6,42)
-
#05093c
#05093c
rgb(5,9,60)
-
#070c4e
#070c4e
rgb(7,12,78)
-
#080f60
#080f60
rgb(8,15,96)
-
#0a1272
#0a1272
rgb(10,18,114)
-
#0b1484
#0b1484
rgb(11,20,132)
-
#0d1796
#0d1796
rgb(13,23,150)
-
#0e1aa8
#0e1aa8
rgb(14,26,168)
-
#101dba
#101dba
rgb(16,29,186)
-
#1220cc
#1220cc
rgb(18,32,204)
-
#1322de
#1322de
rgb(19,34,222)
-
#1a2aeb
#1a2aeb
rgb(26,42,235)
-
#2c3aed
#2c3aed
rgb(44,58,237)
-
#3e4bee
#3e4bee
rgb(62,75,238)
-
#505cf0
#505cf0
rgb(80,92,240)
-
#626df2
#626df2
rgb(98,109,242)
-
#747ef3
#747ef3
rgb(116,126,243)
-
#868ef5
#868ef5
rgb(134,142,245)
-
#989ff6
#989ff6
rgb(152,159,246)
-
#aab0f8
#aab0f8
rgb(170,176,248)
-
#bcc1f9
#bcc1f9
rgb(188,193,249)
-
#ced2fb
#ced2fb
rgb(206,210,251)
-
#e1e3fc
#e1e3fc
rgb(225,227,252)
-
#f3f3fe
#f3f3fe
rgb(243,243,254)
Tones of #505cf0
A tone is produced by adding gray to any pure hue. In this case, #999aa7 is the less saturated color, while #4150ff is the most saturated one.
-
#999aa7
#999aa7
rgb(153,154,167)
-
#9294ae
#9294ae
rgb(146,148,174)
-
#8a8eb6
#8a8eb6
rgb(138,142,182)
-
#8387bd
#8387bd
rgb(131,135,189)
-
#7c81c4
#7c81c4
rgb(124,129,196)
-
#757bcb
#757bcb
rgb(117,123,203)
-
#6d75d3
#6d75d3
rgb(109,117,211)
-
#666fda
#666fda
rgb(102,111,218)
-
#5f68e1
#5f68e1
rgb(95,104,225)
-
#5762e9
#5762e9
rgb(87,98,233)
-
#505cf0
#505cf0
rgb(80,92,240)
-
#4956f7
#4956f7
rgb(73,86,247)
-
#4150ff
#4150ff
rgb(65,80,255)
Color Blindness Simulator
Below, you can see how #505cf0 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.