#50b2f4 Color Information
In a RGB color space, hex #50b2f4 is composed of 31.4% red, 69.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 27% magenta, 0% yellow and 4.3% black. It has a hue angle of 204.1 degrees, a saturation of 88.2% and a lightness of 63.5%. #50b2f4 color hex could be obtained by blending #a0ffff with #0065e9. Closest websafe color is: #6699ff.
-
- R 31
- G 70
- B 96
-
- C 67
- M 27
- Y 0
- K 4
● #50b2f4 color description : Soft blue.
#50b2f4 Color Conversion
The hexadecimal color #50b2f4 has RGB values of R:80, G:178, B:244 and CMYK values of C:0.67, M:0.27, Y:0, K:0.04. Its decimal value is 5288692.
Hex triplet | 50b2f4 | #50b2f4 |
---|---|---|
RGB Decimal | 80, 178, 244 | rgb(80,178,244) |
RGB Percent | 31.4, 69.8, 95.7 | rgb(31.4%,69.8%,95.7%) |
CMYK | 67, 27, 0, 4 | |
HSL | 204.1°, 88.2, 63.5 | hsl(204.1,88.2%,63.5%) |
HSV (or HSB) | 204.1°, 67.2, 95.7 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 69.523, -8.371, -41.242 |
---|---|
XYZ | 35.554, 40.075, 91.445 |
xyY | 0.213, 0.24, 40.075 |
CIE-LCH | 69.523, 42.083, 258.526 |
CIE-LUV | 69.523, -37.719, -65.462 |
Hunter-Lab | 63.305, -10.533, -41.331 |
Binary | 01010000, 10110010, 11110100 |
Color Schemes with #50b2f4
Alternatives to #50b2f4
Below, you can see some colors close to #50b2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#50b2f4 Preview
This text has a font color of #50b2f4.
<span style="color:#50b2f4;">Text here</span>
This paragraph has a background color of #50b2f4.
<p style="background-color:#50b2f4;">Content here</p>
This element has a border color of #50b2f4.
<div style="border:1px solid #50b2f4;">Content here</div>
.text {color:#50b2f4;}
.background {background-color:#50b2f4;}
.border {border:1px solid #50b2f4;}
Shades and Tints of #50b2f4
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)
-
#053453
#053453
rgb(5,52,83)
-
#063f66
#063f66
rgb(6,63,102)
-
#084b78
#084b78
rgb(8,75,120)
-
#09568b
#09568b
rgb(9,86,139)
-
#0a629d
#0a629d
rgb(10,98,157)
-
#0b6db0
#0b6db0
rgb(11,109,176)
-
#0c79c2
#0c79c2
rgb(12,121,194)
-
#0d84d5
#0d84d5
rgb(13,132,213)
-
#0f90e7
#0f90e7
rgb(15,144,231)
-
#199af1
#199af1
rgb(25,154,241)
-
#2ba2f2
#2ba2f2
rgb(43,162,242)
-
#3eaaf3
#3eaaf3
rgb(62,170,243)
-
#50b2f4
#50b2f4
rgb(80,178,244)
-
#62baf5
#62baf5
rgb(98,186,245)
-
#75c2f6
#75c2f6
rgb(117,194,246)
-
#87caf7
#87caf7
rgb(135,202,247)
-
#9ad2f9
#9ad2f9
rgb(154,210,249)
-
#acdbfa
#acdbfa
rgb(172,219,250)
-
#bfe3fb
#bfe3fb
rgb(191,227,251)
-
#d1ebfc
#d1ebfc
rgb(209,235,252)
-
#e4f3fd
#e4f3fd
rgb(228,243,253)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #50b2f4
A tone is produced by adding gray to any pure hue. In this case, #9fa3a5 is the less saturated color, while #49b3fb 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)
-
#7baac9
#7baac9
rgb(123,170,201)
-
#74abd0
#74abd0
rgb(116,171,208)
-
#6dacd7
#6dacd7
rgb(109,172,215)
-
#65aedf
#65aedf
rgb(101,174,223)
-
#5eafe6
#5eafe6
rgb(94,175,230)
-
#57b1ed
#57b1ed
rgb(87,177,237)
-
#50b2f4
#50b2f4
rgb(80,178,244)
-
#49b3fb
#49b3fb
rgb(73,179,251)
Color Blindness Simulator
Below, you can see how #50b2f4 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.