#50aadb hex color
In a RGB color space, hex #50aadb is composed of 31.4% red, 66.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 22.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 201.2 degrees, a saturation of 65.9% and a lightness of 58.6%. #50aadb color hex could be obtained by blending #a0ffff with #0055b7. Closest websafe color is: #6699cc.
-
- R 31
- G 67
- B 86
RGB color chart
-
- C 63
- M 22
- Y 0
- K 14
CMYK color chart
● #50aadb color description : Soft blue.
The hexadecimal color #50aadb has RGB values of R:80, G:170, B:219 and CMYK values of C:0.63, M:0.22, Y:0, K:0.14. Its decimal value is 5286619.
Hex triplet | 50aadb | #50aadb |
---|---|---|
RGB Decimal | 80, 170, 219 | rgb(80,170,219) |
RGB Percent | 31.4, 66.7, 85.9 | rgb(31.4%,66.7%,85.9%) |
CMYK | 63, 22, 0, 14 | |
HSL | 201.2°, 65.9, 58.6 | hsl(201.2,65.9%,58.6%) |
HSV (or HSB) | 201.2°, 63.5, 85.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 66.188, -12.072, -32.76 |
---|---|
XYZ | 30.466, 35.567, 72.274 |
xyY | 0.22, 0.257, 35.567 |
CIE-LCH | 66.188, 34.913, 249.771 |
CIE-LUV | 66.188, -35.935, -50.218 |
Hunter-Lab | 59.638, -13.181, -30.105 |
Binary | 01010000, 10101010, 11011011 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #50aadb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #50aadb
This text has a font color of #50aadb.
<span style="color:#50aadb;">Text here</span>
#50aadb background color
This paragraph has a background color of #50aadb.
<p style="background-color:#50aadb;">Content here</p>
#50aadb border color
This element has a border color of #50aadb.
<div style="border:1px solid #50aadb;">Content here</div>
CSS codes
.text {color:#50aadb;}
.background {background-color:#50aadb;}
.border {border:1px solid #50aadb;}
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, #010304 is the darkest color, while #f3f9fc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#040f14
#040f14
rgb(4,15,20)
-
#081a24
#081a24
rgb(8,26,36)
-
#0b2635
#0b2635
rgb(11,38,53)
-
#0e3245
#0e3245
rgb(14,50,69)
-
#123d55
#123d55
rgb(18,61,85)
-
#154966
#154966
rgb(21,73,102)
-
#185576
#185576
rgb(24,85,118)
-
#1c6186
#1c6186
rgb(28,97,134)
-
#1f6c96
#1f6c96
rgb(31,108,150)
-
#2278a7
#2278a7
rgb(34,120,167)
-
#2684b7
#2684b7
rgb(38,132,183)
-
#298fc7
#298fc7
rgb(41,143,199)
Shade Color Variation
-
#2f9ad4
#2f9ad4
rgb(47,154,212)
-
#40a2d8
#40a2d8
rgb(64,162,216)
-
#50aadb
#50aadb
rgb(80,170,219)
-
#60b2de
#60b2de
rgb(96,178,222)
-
#71bae2
#71bae2
rgb(113,186,226)
-
#81c2e5
#81c2e5
rgb(129,194,229)
-
#91cae8
#91cae8
rgb(145,202,232)
-
#a1d2ec
#a1d2ec
rgb(161,210,236)
-
#b2d9ef
#b2d9ef
rgb(178,217,239)
-
#c2e1f2
#c2e1f2
rgb(194,225,242)
-
#d2e9f6
#d2e9f6
rgb(210,233,246)
-
#e2f1f9
#e2f1f9
rgb(226,241,249)
-
#f3f9fc
#f3f9fc
rgb(243,249,252)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #91979a is the less saturated color, while #30b4fb is the most saturated one.
-
#91979a
#91979a
rgb(145,151,154)
-
#8999a2
#8999a2
rgb(137,153,162)
-
#819caa
#819caa
rgb(129,156,170)
-
#799eb2
#799eb2
rgb(121,158,178)
-
#70a0bb
#70a0bb
rgb(112,160,187)
-
#68a3c3
#68a3c3
rgb(104,163,195)
-
#60a5cb
#60a5cb
rgb(96,165,203)
-
#58a8d3
#58a8d3
rgb(88,168,211)
-
#50aadb
#50aadb
rgb(80,170,219)
-
#48ace3
#48ace3
rgb(72,172,227)
-
#40afeb
#40afeb
rgb(64,175,235)
-
#38b1f3
#38b1f3
rgb(56,177,243)
-
#30b4fb
#30b4fb
rgb(48,180,251)
Tone Color Variation
Below, you can see how #50aadb 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.
Monochromacy
Dichromacy