#50b1f4 Color Information
In a RGB color space, hex #50b1f4 is composed of 31.4% red, 69.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 27.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 204.5 degrees, a saturation of 88.2% and a lightness of 63.5%. #50b1f4 color hex could be obtained by blending #a0ffff with #0063e9. Closest websafe color is: #6699ff.
-
- R 31
- G 69
- B 96
-
- C 67
- M 27
- Y 0
- K 4
● #50b1f4 color description : Soft blue.
#50b1f4 Color Conversion
The hexadecimal color #50b1f4 has RGB values of R:80, G:177, B:244 and CMYK values of C:0.67, M:0.27, Y:0, K:0.04. Its decimal value is 5288436.
Hex triplet | 50b1f4 | #50b1f4 |
---|---|---|
RGB Decimal | 80, 177, 244 | rgb(80,177,244) |
RGB Percent | 31.4, 69.4, 95.7 | rgb(31.4%,69.4%,95.7%) |
CMYK | 67, 27, 0, 4 | |
HSL | 204.5°, 88.2, 63.5 | hsl(204.5,88.2%,63.5%) |
HSV (or HSB) | 204.5°, 67.2, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.24, -7.822, -41.685 |
---|---|
XYZ | 35.356, 39.679, 91.378 |
xyY | 0.212, 0.238, 39.679 |
CIE-LCH | 69.24, 42.412, 259.372 |
CIE-LUV | 69.24, -37.369, -66.247 |
Hunter-Lab | 62.991, -10.046, -41.916 |
Binary | 01010000, 10110001, 11110100 |
Color Schemes with #50b1f4
Alternatives to #50b1f4
Below, you can see some colors close to #50b1f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#50b1f4 Preview
This text has a font color of #50b1f4.
<span style="color:#50b1f4;">Text here</span>
This paragraph has a background color of #50b1f4.
<p style="background-color:#50b1f4;">Content here</p>
This element has a border color of #50b1f4.
<div style="border:1px solid #50b1f4;">Content here</div>
.text {color:#50b1f4;}
.background {background-color:#50b1f4;}
.border {border:1px solid #50b1f4;}
Shades and Tints of #50b1f4
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, #01060a is the darkest color, while #f6fbfe is the lightest one.
-
#01060a
#01060a
rgb(1,6,10)
-
#02111c
#02111c
rgb(2,17,28)
-
#031d2e
#031d2e
rgb(3,29,46)
-
#042841
#042841
rgb(4,40,65)
-
#053353
#053353
rgb(5,51,83)
-
#063f66
#063f66
rgb(6,63,102)
-
#084a78
#084a78
rgb(8,74,120)
-
#09568b
#09568b
rgb(9,86,139)
-
#0a619d
#0a619d
rgb(10,97,157)
-
#0b6cb0
#0b6cb0
rgb(11,108,176)
-
#0c78c2
#0c78c2
rgb(12,120,194)
-
#0d83d5
#0d83d5
rgb(13,131,213)
-
#0f8fe7
#0f8fe7
rgb(15,143,231)
-
#1998f1
#1998f1
rgb(25,152,241)
-
#2ba1f2
#2ba1f2
rgb(43,161,242)
-
#3ea9f3
#3ea9f3
rgb(62,169,243)
-
#50b1f4
#50b1f4
rgb(80,177,244)
-
#62b9f5
#62b9f5
rgb(98,185,245)
-
#75c1f6
#75c1f6
rgb(117,193,246)
-
#87caf7
#87caf7
rgb(135,202,247)
-
#9ad2f9
#9ad2f9
rgb(154,210,249)
-
#acdafa
#acdafa
rgb(172,218,250)
-
#bfe2fb
#bfe2fb
rgb(191,226,251)
-
#d1ebfc
#d1ebfc
rgb(209,235,252)
-
#e4f3fd
#e4f3fd
rgb(228,243,253)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #50b1f4
A tone is produced by adding gray to any pure hue. In this case, #9fa3a5 is the less saturated color, while #49b2fb is the most saturated one.
-
#9fa3a5
#9fa3a5
rgb(159,163,165)
-
#98a4ac
#98a4ac
rgb(152,164,172)
-
#90a5b4
#90a5b4
rgb(144,165,180)
-
#89a7bb
#89a7bb
rgb(137,167,187)
-
#82a8c2
#82a8c2
rgb(130,168,194)
-
#7ba9c9
#7ba9c9
rgb(123,169,201)
-
#74aad0
#74aad0
rgb(116,170,208)
-
#6dacd7
#6dacd7
rgb(109,172,215)
-
#65addf
#65addf
rgb(101,173,223)
-
#5eaee6
#5eaee6
rgb(94,174,230)
-
#57b0ed
#57b0ed
rgb(87,176,237)
-
#50b1f4
#50b1f4
rgb(80,177,244)
-
#49b2fb
#49b2fb
rgb(73,178,251)
Color Blindness Simulator
Below, you can see how #50b1f4 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.