#50b1e3 hex color

In a RGB color space, hex #50b1e3 is composed of 31.4% red, 69.4% green and 89% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 22% magenta, 0% yellow and 11% black. It has a hue angle of 200.4 degrees, a saturation of 72.4% and a lightness of 60.2%. #50b1e3 color hex could be obtained by blending #a0ffff with #0063c7. 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

● #50b1e3 color description : Soft blue.

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

Hex triplet	50b1e3	`#50b1e3`
RGB Decimal	80, 177, 227	`rgb(80,177,227)`
RGB Percent	31.4, 69.4, 89	`rgb(31.4%,69.4%,89%)`
CMYK	65, 22, 0, 11
HSL	200.4°, 72.4, 60.2	`hsl(200.4,72.4%,60.2%)`
HSV (or HSB)	200.4°, 64.8, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.529, -13.309, -33.524
XYZ	32.892, 38.693, 78.404
xyY	0.219, 0.258, 38.693
CIE-LCH	68.529, 36.069, 248.347
CIE-LUV	68.529, -38.112, -51.599
Hunter-Lab	62.204, -14.47, -31.188
Binary	01010000, 10110001, 11100011

#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#e38250
```
#e38250 rgb(227,130,80)
```

Complementary Color

#50e3cc
```
#50e3cc rgb(80,227,204)
```
#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#5068e3
```
#5068e3 rgb(80,104,227)
```

Analogous Color

#e3cc50
```
#e3cc50 rgb(227,204,80)
```
#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#e35068
```
#e35068 rgb(227,80,104)
```

Split Complementary Color

#b1e350
```
#b1e350 rgb(177,227,80)
```
#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#e350b1
```
#e350b1 rgb(227,80,177)
```

Triadic Color

#50e382
```
#50e382 rgb(80,227,130)
```
#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#e350b1
```
#e350b1 rgb(227,80,177)
```
#e38250
```
#e38250 rgb(227,130,80)
```

Tetradic Color

#208ec7
```
#208ec7 rgb(32,142,199)
```
#249ddc
```
#249ddc rgb(36,157,220)
```
#3aa7df
```
#3aa7df rgb(58,167,223)
```
#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#66bbe7
```
#66bbe7 rgb(102,187,231)
```
#7cc5ea
```
#7cc5ea rgb(124,197,234)
```
#92ceee
```
#92ceee rgb(146,206,238)
```

Monochromatic Color

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

#50d6e3
```
#50d6e3 rgb(80,214,227)
```
#50cae3
```
#50cae3 rgb(80,202,227)
```
#50bde3
```
#50bde3 rgb(80,189,227)
```
#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#50a5e3
```
#50a5e3 rgb(80,165,227)
```
#5099e3
```
#5099e3 rgb(80,153,227)
```
#508ce3
```
#508ce3 rgb(80,140,227)
```

Similar Colors

Text with hexadecimal color #50b1e3

This text has a font color of #50b1e3.

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

#50b1e3 background color

This paragraph has a background color of #50b1e3.

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

#50b1e3 border color

This element has a border color of #50b1e3.

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

CSS codes

.text {color:#50b1e3;}

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

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

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, #02080b is the darkest color, while #f9fcfe is the lightest one.

#02080b
```
#02080b rgb(2,8,11)
```
#04141c
```
#04141c rgb(4,20,28)
```
#07202d
```
#07202d rgb(7,32,45)
```
#0a2c3e
```
#0a2c3e rgb(10,44,62)
```
#0d384f
```
#0d384f rgb(13,56,79)
```
#0f4460
```
#0f4460 rgb(15,68,96)
```
#125070
```
#125070 rgb(18,80,112)
```
#155c81
```
#155c81 rgb(21,92,129)
```
#176892
```
#176892 rgb(23,104,146)
```
#1a75a3
```
#1a75a3 rgb(26,117,163)
```
#1d81b4
```
#1d81b4 rgb(29,129,180)
```
#208dc5
```
#208dc5 rgb(32,141,197)
```
#2299d6
```
#2299d6 rgb(34,153,214)
```

Shade Color Variation

#2ea2de
```
#2ea2de rgb(46,162,222)
```
#3fa9e0
```
#3fa9e0 rgb(63,169,224)
```
#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#61b9e6
```
#61b9e6 rgb(97,185,230)
```
#72c0e8
```
#72c0e8 rgb(114,192,232)
```
#83c8eb
```
#83c8eb rgb(131,200,235)
```
#94cfee
```
#94cfee rgb(148,207,238)
```
#a5d7f1
```
#a5d7f1 rgb(165,215,241)
```
#b5def3
```
#b5def3 rgb(181,222,243)
```
#c6e6f6
```
#c6e6f6 rgb(198,230,246)
```
#d7edf9
```
#d7edf9 rgb(215,237,249)
```
#e8f5fb
```
#e8f5fb rgb(232,245,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#969b9d
```
#969b9d rgb(150,155,157)
```
#8e9da5
```
#8e9da5 rgb(142,157,165)
```
#87a0ac
```
#87a0ac rgb(135,160,172)
```
#7fa2b4
```
#7fa2b4 rgb(127,162,180)
```
#77a5bc
```
#77a5bc rgb(119,165,188)
```
#6fa7c4
```
#6fa7c4 rgb(111,167,196)
```
#67aacc
```
#67aacc rgb(103,170,204)
```
#60acd3
```
#60acd3 rgb(96,172,211)
```
#58afdb
```
#58afdb rgb(88,175,219)
```
#50b1e3
```
#50b1e3 rgb(80,177,227)
```
#48b3eb
```
#48b3eb rgb(72,179,235)
```
#40b6f3
```
#40b6f3 rgb(64,182,243)
```
#39b8fa
```
#39b8fa rgb(57,184,250)
```

Tone Color Variation

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

#9ca9dc Protanopia 1% of men
#95a9e8 Deuteranopia 1% of men
#45bac8 Tritanopia 0.001% of the population

Trichromacy

#80acdf Protanomaly 1% of men, 0.01% of women
#7cace6 Deuteranomaly 6% of men, 0.4% of women
#49b7d1 Tritanomaly 0.01% of the population

#50b1e3 hex color

#50b1e3 Color Information

#50b1e3 Color Conversion

Color Schemes with #50b1e3

Alternatives to #50b1e3

#50b1e3 Preview

Shades and Tints of #50b1e3

Tones of #50b1e3

Color Blindness Simulator