#5056f3 Color Information
In a RGB color space, hex #5056f3 is composed of 31.4% red, 33.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 64.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 237.8 degrees, a saturation of 87.2% and a lightness of 63.3%. #5056f3 color hex could be obtained by blending #a0acff with #0000e7. Closest websafe color is: #6666ff.
-
- R 31
- G 34
- B 95
-
- C 67
- M 65
- Y 0
- K 5
● #5056f3 color description : Soft blue.
#5056f3 Color Conversion
The hexadecimal color #5056f3 has RGB values of R:80, G:86, B:243 and CMYK values of C:0.67, M:0.65, Y:0, K:0.05. Its decimal value is 5265139.
Hex triplet | 5056f3 | #5056f3 |
---|---|---|
RGB Decimal | 80, 86, 243 | rgb(80,86,243) |
RGB Percent | 31.4, 33.7, 95.3 | rgb(31.4%,33.7%,95.3%) |
CMYK | 67, 65, 0, 5 | |
HSL | 237.8°, 87.2, 63.3 | hsl(237.8,87.2%,63.3%) |
HSV (or HSB) | 237.8°, 67.1, 95.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 45.402, 46.057, -79.331 |
---|---|
XYZ | 22.81, 14.831, 86.45 |
xyY | 0.184, 0.12, 14.831 |
CIE-LCH | 45.402, 91.731, 300.138 |
CIE-LUV | 45.402, -10.05, -120.303 |
Hunter-Lab | 38.511, 38.334, -106.137 |
Binary | 01010000, 01010110, 11110011 |
Color Schemes with #5056f3
Alternatives to #5056f3
Below, you can see some colors close to #5056f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5056f3 Preview
This text has a font color of #5056f3.
<span style="color:#5056f3;">Text here</span>
This paragraph has a background color of #5056f3.
<p style="background-color:#5056f3;">Content here</p>
This element has a border color of #5056f3.
<div style="border:1px solid #5056f3;">Content here</div>
.text {color:#5056f3;}
.background {background-color:#5056f3;}
.border {border:1px solid #5056f3;}
Shades and Tints of #5056f3
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, #010109 is the darkest color, while #f5f6fe is the lightest one.
-
#010109
#010109
rgb(1,1,9)
-
#02031b
#02031b
rgb(2,3,27)
-
#03052d
#03052d
rgb(3,5,45)
-
#040740
#040740
rgb(4,7,64)
-
#060852
#060852
rgb(6,8,82)
-
#070a64
#070a64
rgb(7,10,100)
-
#080c77
#080c77
rgb(8,12,119)
-
#090e89
#090e89
rgb(9,14,137)
-
#0b109b
#0b109b
rgb(11,16,155)
-
#0c12ae
#0c12ae
rgb(12,18,174)
-
#0d14c0
#0d14c0
rgb(13,20,192)
-
#0e16d2
#0e16d2
rgb(14,22,210)
-
#1018e5
#1018e5
rgb(16,24,229)
-
#1921ef
#1921ef
rgb(25,33,239)
-
#2b33f0
#2b33f0
rgb(43,51,240)
-
#3e44f2
#3e44f2
rgb(62,68,242)
-
#5056f3
#5056f3
rgb(80,86,243)
-
#6268f4
#6268f4
rgb(98,104,244)
-
#7579f6
#7579f6
rgb(117,121,246)
-
#878bf7
#878bf7
rgb(135,139,247)
-
#999df8
#999df8
rgb(153,157,248)
-
#acaff9
#acaff9
rgb(172,175,249)
-
#bec0fb
#bec0fb
rgb(190,192,251)
-
#d0d2fc
#d0d2fc
rgb(208,210,252)
-
#e3e4fd
#e3e4fd
rgb(227,228,253)
-
#f5f6fe
#f5f6fe
rgb(245,246,254)
Tones of #5056f3
A tone is produced by adding gray to any pure hue. In this case, #9f9fa4 is the less saturated color, while #494ffa is the most saturated one.
-
#9f9fa4
#9f9fa4
rgb(159,159,164)
-
#9899ab
#9899ab
rgb(152,153,171)
-
#9192b2
#9192b2
rgb(145,146,178)
-
#8a8bb9
#8a8bb9
rgb(138,139,185)
-
#8285c1
#8285c1
rgb(130,133,193)
-
#7b7ec8
#7b7ec8
rgb(123,126,200)
-
#7477cf
#7477cf
rgb(116,119,207)
-
#6d71d6
#6d71d6
rgb(109,113,214)
-
#666add
#666add
rgb(102,106,221)
-
#5e63e5
#5e63e5
rgb(94,99,229)
-
#575dec
#575dec
rgb(87,93,236)
-
#5056f3
#5056f3
rgb(80,86,243)
-
#494ffa
#494ffa
rgb(73,79,250)
Color Blindness Simulator
Below, you can see how #5056f3 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.