#50a5e4 Color Information
In a RGB color space, hex #50a5e4 is composed of 31.4% red, 64.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 27.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 205.5 degrees, a saturation of 73.3% and a lightness of 60.4%. #50a5e4 color hex could be obtained by blending #a0ffff with #004bc9. Closest websafe color is: #6699cc.
-
- R 31
- G 65
- B 89
-
- C 65
- M 28
- Y 0
- K 11
● #50a5e4 color description : Soft blue.
#50a5e4 Color Conversion
The hexadecimal color #50a5e4 has RGB values of R:80, G:165, B:228 and CMYK values of C:0.65, M:0.28, Y:0, K:0.11. Its decimal value is 5285348.
Hex triplet | 50a5e4 | #50a5e4 |
---|---|---|
RGB Decimal | 80, 165, 228 | rgb(80,165,228) |
RGB Percent | 31.4, 64.7, 89.4 | rgb(31.4%,64.7%,89.4%) |
CMYK | 65, 28, 0, 11 | |
HSL | 205.5°, 73.3, 60.4 | hsl(205.5,73.3%,60.4%) |
HSV (or HSB) | 205.5°, 64.9, 89.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 65.133, -6.414, -39.358 |
---|---|
XYZ | 30.764, 34.215, 78.377 |
xyY | 0.215, 0.239, 34.215 |
CIE-LCH | 65.133, 39.877, 260.745 |
CIE-LUV | 65.133, -33.784, -61.898 |
Hunter-Lab | 58.494, -8.485, -38.499 |
Binary | 01010000, 10100101, 11100100 |
Color Schemes with #50a5e4
Alternatives to #50a5e4
Below, you can see some colors close to #50a5e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#50a5e4 Preview
This text has a font color of #50a5e4.
<span style="color:#50a5e4;">Text here</span>
This paragraph has a background color of #50a5e4.
<p style="background-color:#50a5e4;">Content here</p>
This element has a border color of #50a5e4.
<div style="border:1px solid #50a5e4;">Content here</div>
.text {color:#50a5e4;}
.background {background-color:#50a5e4;}
.border {border:1px solid #50a5e4;}
Shades and Tints of #50a5e4
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, #02080c is the darkest color, while #fafcfe is the lightest one.
-
#02080c
#02080c
rgb(2,8,12)
-
#04131d
#04131d
rgb(4,19,29)
-
#071d2e
#071d2e
rgb(7,29,46)
-
#0a283f
#0a283f
rgb(10,40,63)
-
#0c3350
#0c3350
rgb(12,51,80)
-
#0f3e61
#0f3e61
rgb(15,62,97)
-
#124972
#124972
rgb(18,73,114)
-
#145483
#145483
rgb(20,84,131)
-
#175f94
#175f94
rgb(23,95,148)
-
#196aa5
#196aa5
rgb(25,106,165)
-
#1c74b6
#1c74b6
rgb(28,116,182)
-
#1f7fc7
#1f7fc7
rgb(31,127,199)
-
#218ad8
#218ad8
rgb(33,138,216)
-
#2e94df
#2e94df
rgb(46,148,223)
-
#3f9ce1
#3f9ce1
rgb(63,156,225)
-
#50a5e4
#50a5e4
rgb(80,165,228)
-
#61aee7
#61aee7
rgb(97,174,231)
-
#72b6e9
#72b6e9
rgb(114,182,233)
-
#83bfec
#83bfec
rgb(131,191,236)
-
#94c8ee
#94c8ee
rgb(148,200,238)
-
#a5d1f1
#a5d1f1
rgb(165,209,241)
-
#b6d9f4
#b6d9f4
rgb(182,217,244)
-
#c7e2f6
#c7e2f6
rgb(199,226,246)
-
#d8ebf9
#d8ebf9
rgb(216,235,249)
-
#e9f4fc
#e9f4fc
rgb(233,244,252)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #50a5e4
A tone is produced by adding gray to any pure hue. In this case, #969b9e is the less saturated color, while #39a8fb is the most saturated one.
-
#969b9e
#969b9e
rgb(150,155,158)
-
#8e9ca6
#8e9ca6
rgb(142,156,166)
-
#869dae
#869dae
rgb(134,157,174)
-
#7f9eb5
#7f9eb5
rgb(127,158,181)
-
#779fbd
#779fbd
rgb(119,159,189)
-
#6fa0c5
#6fa0c5
rgb(111,160,197)
-
#67a2cd
#67a2cd
rgb(103,162,205)
-
#60a3d4
#60a3d4
rgb(96,163,212)
-
#58a4dc
#58a4dc
rgb(88,164,220)
-
#50a5e4
#50a5e4
rgb(80,165,228)
-
#48a6ec
#48a6ec
rgb(72,166,236)
-
#40a7f4
#40a7f4
rgb(64,167,244)
-
#39a8fb
#39a8fb
rgb(57,168,251)
Color Blindness Simulator
Below, you can see how #50a5e4 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.