#50a5dc Color Information
In a RGB color space, hex #50a5dc is composed of 31.4% red, 64.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 25% magenta, 0% yellow and 13.7% black. It has a hue angle of 203.6 degrees, a saturation of 66.7% and a lightness of 58.8%. #50a5dc color hex could be obtained by blending #a0ffff with #004bb9. Closest websafe color is: #6699cc.
-
- R 31
- G 65
- B 86
-
- C 64
- M 25
- Y 0
- K 14
● #50a5dc color description : Soft blue.
#50a5dc Color Conversion
The hexadecimal color #50a5dc has RGB values of R:80, G:165, B:220 and CMYK values of C:0.64, M:0.25, Y:0, K:0.14. Its decimal value is 5285340.
Hex triplet | 50a5dc | #50a5dc |
---|---|---|
RGB Decimal | 80, 165, 220 | rgb(80,165,220) |
RGB Percent | 31.4, 64.7, 86.3 | rgb(31.4%,64.7%,86.3%) |
CMYK | 64, 25, 0, 14 | |
HSL | 203.6°, 66.7, 58.8 | hsl(203.6,66.7%,58.8%) |
HSV (or HSB) | 203.6°, 63.6, 86.3 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.788, -9.013, -35.485 |
---|---|
XYZ | 29.678, 33.781, 72.663 |
xyY | 0.218, 0.248, 33.781 |
CIE-LCH | 64.788, 36.612, 255.748 |
CIE-LUV | 64.788, -34.089, -55.015 |
Hunter-Lab | 58.121, -10.565, -33.439 |
Binary | 01010000, 10100101, 11011100 |
Color Schemes with #50a5dc
Alternatives to #50a5dc
Below, you can see some colors close to #50a5dc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#50a5dc Preview
This text has a font color of #50a5dc.
<span style="color:#50a5dc;">Text here</span>
This paragraph has a background color of #50a5dc.
<p style="background-color:#50a5dc;">Content here</p>
This element has a border color of #50a5dc.
<div style="border:1px solid #50a5dc;">Content here</div>
.text {color:#50a5dc;}
.background {background-color:#50a5dc;}
.border {border:1px solid #50a5dc;}
Shades and Tints of #50a5dc
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, #010305 is the darkest color, while #f3f9fd is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#040f15
#040f15
rgb(4,15,21)
-
#081a26
#081a26
rgb(8,26,38)
-
#0b2536
#0b2536
rgb(11,37,54)
-
#0e3046
#0e3046
rgb(14,48,70)
-
#113b57
#113b57
rgb(17,59,87)
-
#154767
#154767
rgb(21,71,103)
-
#185277
#185277
rgb(24,82,119)
-
#1b5d88
#1b5d88
rgb(27,93,136)
-
#1e6898
#1e6898
rgb(30,104,152)
-
#2273a8
#2273a8
rgb(34,115,168)
-
#257fb9
#257fb9
rgb(37,127,185)
-
#288ac9
#288ac9
rgb(40,138,201)
-
#2f94d5
#2f94d5
rgb(47,148,213)
-
#409dd9
#409dd9
rgb(64,157,217)
-
#50a5dc
#50a5dc
rgb(80,165,220)
-
#60addf
#60addf
rgb(96,173,223)
-
#71b6e3
#71b6e3
rgb(113,182,227)
-
#81bee6
#81bee6
rgb(129,190,230)
-
#91c7e9
#91c7e9
rgb(145,199,233)
-
#a2cfec
#a2cfec
rgb(162,207,236)
-
#b2d7f0
#b2d7f0
rgb(178,215,240)
-
#c2e0f3
#c2e0f3
rgb(194,224,243)
-
#d3e8f6
#d3e8f6
rgb(211,232,246)
-
#e3f1f9
#e3f1f9
rgb(227,241,249)
-
#f3f9fd
#f3f9fd
rgb(243,249,253)
Tones of #50a5dc
A tone is produced by adding gray to any pure hue. In this case, #91979b is the less saturated color, while #30acfc is the most saturated one.
-
#91979b
#91979b
rgb(145,151,155)
-
#8999a3
#8999a3
rgb(137,153,163)
-
#809bac
#809bac
rgb(128,155,172)
-
#789cb4
#789cb4
rgb(120,156,180)
-
#709ebc
#709ebc
rgb(112,158,188)
-
#68a0c4
#68a0c4
rgb(104,160,196)
-
#60a2cc
#60a2cc
rgb(96,162,204)
-
#58a3d4
#58a3d4
rgb(88,163,212)
-
#50a5dc
#50a5dc
rgb(80,165,220)
-
#48a7e4
#48a7e4
rgb(72,167,228)
-
#40a8ec
#40a8ec
rgb(64,168,236)
-
#38aaf4
#38aaf4
rgb(56,170,244)
-
#30acfc
#30acfc
rgb(48,172,252)
Color Blindness Simulator
Below, you can see how #50a5dc 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.