#50aef9 hex color

In a RGB color space, hex #50aef9 is composed of 31.4% red, 68.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 30.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 206.6 degrees, a saturation of 93.4% and a lightness of 64.5%. #50aef9 color hex could be obtained by blending #a0ffff with #005df3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 68
- B 98
RGB color chart
- C 68
- M 30
- Y 0
- K 2
CMYK color chart

● #50aef9 color description : Soft blue.

The hexadecimal color #50aef9 has RGB values of R:80, G:174, B:249 and CMYK values of C:0.68, M:0.3, Y:0, K:0.02. Its decimal value is 5287673.

Hex triplet	50aef9	`#50aef9`
RGB Decimal	80, 174, 249	`rgb(80,174,249)`
RGB Percent	31.4, 68.2, 97.6	`rgb(31.4%,68.2%,97.6%)`
CMYK	68, 30, 0, 2
HSL	206.6°, 93.4, 64.5	`hsl(206.6,93.4%,64.5%)`
HSV (or HSB)	206.6°, 67.9, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.617, -4.514, -45.378
XYZ	35.539, 38.814, 95.236
xyY	0.21, 0.229, 38.814
CIE-LCH	68.617, 45.602, 264.319
CIE-LUV	68.617, -36.121, -72.86
Hunter-Lab	62.301, -7.204, -47.022
Binary	01010000, 10101110, 11111001

#50aef9
```
#50aef9 rgb(80,174,249)
```
#f99b50
```
#f99b50 rgb(249,155,80)
```

Complementary Color

#50f9f0
```
#50f9f0 rgb(80,249,240)
```
#50aef9
```
#50aef9 rgb(80,174,249)
```
#5059f9
```
#5059f9 rgb(80,89,249)
```

Analogous Color

#f9f050
```
#f9f050 rgb(249,240,80)
```
#50aef9
```
#50aef9 rgb(80,174,249)
```
#f95059
```
#f95059 rgb(249,80,89)
```

Split Complementary Color

#aef950
```
#aef950 rgb(174,249,80)
```
#50aef9
```
#50aef9 rgb(80,174,249)
```
#f950ae
```
#f950ae rgb(249,80,174)
```

Triadic Color

#50f99b
```
#50f99b rgb(80,249,155)
```
#50aef9
```
#50aef9 rgb(80,174,249)
```
#f950ae
```
#f950ae rgb(249,80,174)
```
#f99b50
```
#f99b50 rgb(249,155,80)
```

Tetradic Color

#088cf4
```
#088cf4 rgb(8,140,244)
```
#1f97f7
```
#1f97f7 rgb(31,151,247)
```
#37a3f8
```
#37a3f8 rgb(55,163,248)
```
#50aef9
```
#50aef9 rgb(80,174,249)
```
#69b9fa
```
#69b9fa rgb(105,185,250)
```
#81c5fb
```
#81c5fb rgb(129,197,251)
```
#9ad0fc
```
#9ad0fc rgb(154,208,252)
```

Monochromatic Color

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

#50d8f9
```
#50d8f9 rgb(80,216,249)
```
#50caf9
```
#50caf9 rgb(80,202,249)
```
#50bcf9
```
#50bcf9 rgb(80,188,249)
```
#50aef9
```
#50aef9 rgb(80,174,249)
```
#50a0f9
```
#50a0f9 rgb(80,160,249)
```
#5092f9
```
#5092f9 rgb(80,146,249)
```
#5084f9
```
#5084f9 rgb(80,132,249)
```

Similar Colors

Text with hexadecimal color #50aef9

This text has a font color of #50aef9.

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

#50aef9 background color

This paragraph has a background color of #50aef9.

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

#50aef9 border color

This element has a border color of #50aef9.

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

CSS codes

.text {color:#50aef9;}

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

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

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, #01080f is the darkest color, while #fbfdff is the lightest one.

#01080f
```
#01080f rgb(1,8,15)
```
#011322
```
#011322 rgb(1,19,34)
```
#021e35
```
#021e35 rgb(2,30,53)
```
#022948
```
#022948 rgb(2,41,72)
```
#03345b
```
#03345b rgb(3,52,91)
```
#043f6d
```
#043f6d rgb(4,63,109)
```
#044980
```
#044980 rgb(4,73,128)
```
#055493
```
#055493 rgb(5,84,147)
```
#065fa6
```
#065fa6 rgb(6,95,166)
```
#066ab9
```
#066ab9 rgb(6,106,185)
```
#0775cc
```
#0775cc rgb(7,117,204)
```
#0880df
```
#0880df rgb(8,128,223)
```
#088af2
```
#088af2 rgb(8,138,242)
```

Shade Color Variation

#1794f7
```
#1794f7 rgb(23,148,247)
```
#2a9cf8
```
#2a9cf8 rgb(42,156,248)
```
#3da5f8
```
#3da5f8 rgb(61,165,248)
```
#50aef9
```
#50aef9 rgb(80,174,249)
```
#63b7fa
```
#63b7fa rgb(99,183,250)
```
#76c0fa
```
#76c0fa rgb(118,192,250)
```
#89c8fb
```
#89c8fb rgb(137,200,251)
```
#9cd1fc
```
#9cd1fc rgb(156,209,252)
```
#afdafc
```
#afdafc rgb(175,218,252)
```
#c2e3fd
```
#c2e3fd rgb(194,227,253)
```
#d5ebfe
```
#d5ebfe rgb(213,235,254)
```
#e8f4fe
```
#e8f4fe rgb(232,244,254)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a5a5 is the less saturated color, while #50aef9 is the most saturated one.

#a4a5a5
```
#a4a5a5 rgb(164,165,165)
```
#9da5ac
```
#9da5ac rgb(157,165,172)
```
#96a6b3
```
#96a6b3 rgb(150,166,179)
```
#8fa7ba
```
#8fa7ba rgb(143,167,186)
```
#88a8c1
```
#88a8c1 rgb(136,168,193)
```
#81a9c8
```
#81a9c8 rgb(129,169,200)
```
#7aa9cf
```
#7aa9cf rgb(122,169,207)
```
#73aad6
```
#73aad6 rgb(115,170,214)
```
#6cabdd
```
#6cabdd rgb(108,171,221)
```
#65ace4
```
#65ace4 rgb(101,172,228)
```
#5eaceb
```
#5eaceb rgb(94,172,235)
```
#57adf2
```
#57adf2 rgb(87,173,242)
```
#50aef9
```
#50aef9 rgb(80,174,249)
```

Tone Color Variation

Below, you can see how #50aef9 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
#8b9ead Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a9f2 Protanopia 1% of men
#81abfc Deuteranopia 1% of men
#2abbc9 Tritanopia 0.001% of the population

Trichromacy

#79abf5 Protanomaly 1% of men, 0.01% of women
#6facfa Deuteranomaly 6% of men, 0.4% of women
#38b6da Tritanomaly 0.01% of the population

#50aef9 hex color

#50aef9 Color Information

#50aef9 Color Conversion

Color Schemes with #50aef9

Alternatives to #50aef9

#50aef9 Preview

Shades and Tints of #50aef9

Tones of #50aef9

Color Blindness Simulator