#50b1e4 hex color

In a RGB color space, hex #50b1e4 is composed of 31.4% red, 69.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 22.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 200.7 degrees, a saturation of 73.3% and a lightness of 60.4%. #50b1e4 color hex could be obtained by blending #a0ffff with #0063c9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 69
- B 89
RGB color chart
- C 65
- M 22
- Y 0
- K 11
CMYK color chart

● #50b1e4 color description : Soft blue.

The hexadecimal color #50b1e4 has RGB values of R:80, G:177, B:228 and CMYK values of C:0.65, M:0.22, Y:0, K:0.11. Its decimal value is 5288420.

Hex triplet	50b1e4	`#50b1e4`
RGB Decimal	80, 177, 228	`rgb(80,177,228)`
RGB Percent	31.4, 69.4, 89.4	`rgb(31.4%,69.4%,89.4%)`
CMYK	65, 22, 0, 11
HSL	200.7°, 73.3, 60.4	`hsl(200.7,73.3%,60.4%)`
HSV (or HSB)	200.7°, 64.9, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.569, -12.991, -34.008
XYZ	33.03, 38.749, 79.133
xyY	0.219, 0.257, 38.749
CIE-LCH	68.569, 36.405, 249.093
CIE-LUV	68.569, -38.067, -52.464
Hunter-Lab	62.248, -14.218, -31.798
Binary	01010000, 10110001, 11100100

#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#e48350
```
#e48350 rgb(228,131,80)
```

Complementary Color

#50e4cd
```
#50e4cd rgb(80,228,205)
```
#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#5067e4
```
#5067e4 rgb(80,103,228)
```

Analogous Color

#e4cd50
```
#e4cd50 rgb(228,205,80)
```
#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#e45067
```
#e45067 rgb(228,80,103)
```

Split Complementary Color

#b1e450
```
#b1e450 rgb(177,228,80)
```
#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#e450b1
```
#e450b1 rgb(228,80,177)
```

Triadic Color

#50e483
```
#50e483 rgb(80,228,131)
```
#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#e450b1
```
#e450b1 rgb(228,80,177)
```
#e48350
```
#e48350 rgb(228,131,80)
```

Tetradic Color

#1f8ec9
```
#1f8ec9 rgb(31,142,201)
```
#249ddd
```
#249ddd rgb(36,157,221)
```
#3aa7e1
```
#3aa7e1 rgb(58,167,225)
```
#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#66bbe7
```
#66bbe7 rgb(102,187,231)
```
#7cc5eb
```
#7cc5eb rgb(124,197,235)
```
#92cfee
```
#92cfee rgb(146,207,238)
```

Monochromatic Color

Below, you can see some colors close to #50b1e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#50d6e4
```
#50d6e4 rgb(80,214,228)
```
#50cae4
```
#50cae4 rgb(80,202,228)
```
#50bde4
```
#50bde4 rgb(80,189,228)
```
#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#50a5e4
```
#50a5e4 rgb(80,165,228)
```
#5098e4
```
#5098e4 rgb(80,152,228)
```
#508ce4
```
#508ce4 rgb(80,140,228)
```

Similar Colors

Text with hexadecimal color #50b1e4

This text has a font color of #50b1e4.

<span style="color:#50b1e4;">Text here</span>

#50b1e4 background color

This paragraph has a background color of #50b1e4.

<p style="background-color:#50b1e4;">Content here</p>

#50b1e4 border color

This element has a border color of #50b1e4.

<div style="border:1px solid #50b1e4;">Content here</div>

CSS codes

.text {color:#50b1e4;}

.background {background-color:#50b1e4;}

.border {border:1px solid #50b1e4;}

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 #fafdfe is the lightest one.

#02080c
```
#02080c rgb(2,8,12)
```
#04141d
```
#04141d rgb(4,20,29)
```
#07212e
```
#07212e rgb(7,33,46)
```
#0a2d3f
```
#0a2d3f rgb(10,45,63)
```
#0c3950
```
#0c3950 rgb(12,57,80)
```
#0f4561
```
#0f4561 rgb(15,69,97)
```
#125172
```
#125172 rgb(18,81,114)
```
#145d83
```
#145d83 rgb(20,93,131)
```
#176994
```
#176994 rgb(23,105,148)
```
#1975a5
```
#1975a5 rgb(25,117,165)
```
#1c81b6
```
#1c81b6 rgb(28,129,182)
```
#1f8dc7
```
#1f8dc7 rgb(31,141,199)
```
#2199d8
```
#2199d8 rgb(33,153,216)
```

Shade Color Variation

#2ea2df
```
#2ea2df rgb(46,162,223)
```
#3fa9e1
```
#3fa9e1 rgb(63,169,225)
```
#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#61b9e7
```
#61b9e7 rgb(97,185,231)
```
#72c0e9
```
#72c0e9 rgb(114,192,233)
```
#83c8ec
```
#83c8ec rgb(131,200,236)
```
#94cfee
```
#94cfee rgb(148,207,238)
```
#a5d7f1
```
#a5d7f1 rgb(165,215,241)
```
#b6def4
```
#b6def4 rgb(182,222,244)
```
#c7e6f6
```
#c7e6f6 rgb(199,230,246)
```
#d8eef9
```
#d8eef9 rgb(216,238,249)
```
#e9f5fc
```
#e9f5fc rgb(233,245,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969b9e is the less saturated color, while #39b8fb is the most saturated one.

#969b9e
```
#969b9e rgb(150,155,158)
```
#8e9ea6
```
#8e9ea6 rgb(142,158,166)
```
#86a0ae
```
#86a0ae rgb(134,160,174)
```
#7fa3b5
```
#7fa3b5 rgb(127,163,181)
```
#77a5bd
```
#77a5bd rgb(119,165,189)
```
#6fa7c5
```
#6fa7c5 rgb(111,167,197)
```
#67aacd
```
#67aacd rgb(103,170,205)
```
#60acd4
```
#60acd4 rgb(96,172,212)
```
#58afdc
```
#58afdc rgb(88,175,220)
```
#50b1e4
```
#50b1e4 rgb(80,177,228)
```
#48b3ec
```
#48b3ec rgb(72,179,236)
```
#40b6f4
```
#40b6f4 rgb(64,182,244)
```
#39b8fb
```
#39b8fb rgb(57,184,251)
```

Tone Color Variation

Below, you can see how #50b1e4 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

#9a9a9a Achromatopsia 0.005% of the population
#8b9fa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca9dd Protanopia 1% of men
#94aae9 Deuteranopia 1% of men
#44bac8 Tritanopia 0.001% of the population

Trichromacy

#80ace0 Protanomaly 1% of men, 0.01% of women
#7bace7 Deuteranomaly 6% of men, 0.4% of women
#48b7d2 Tritanomaly 0.01% of the population

#50b1e4 hex color

#50b1e4 Color Information

#50b1e4 Color Conversion

Color Schemes with #50b1e4

Alternatives to #50b1e4

#50b1e4 Preview

Shades and Tints of #50b1e4

Tones of #50b1e4

Color Blindness Simulator