#50a9fa hex color

In a RGB color space, hex #50a9fa is composed of 31.4% red, 66.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 32.4% magenta, 0% yellow and 2% black. It has a hue angle of 208.6 degrees, a saturation of 94.4% and a lightness of 64.7%. #50a9fa color hex could be obtained by blending #a0ffff with #0053f5. Closest websafe color is: #6699ff.

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

● #50a9fa color description : Soft blue.

The hexadecimal color #50a9fa has RGB values of R:80, G:169, B:250 and CMYK values of C:0.68, M:0.32, Y:0, K:0.02. Its decimal value is 5286394.

Hex triplet	50a9fa	`#50a9fa`
RGB Decimal	80, 169, 250	`rgb(80,169,250)`
RGB Percent	31.4, 66.3, 98	`rgb(31.4%,66.3%,98%)`
CMYK	68, 32, 0, 2
HSL	208.6°, 94.4, 64.7	`hsl(208.6,94.4%,64.7%)`
HSV (or HSB)	208.6°, 68, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.263, -1.373, -48.052
XYZ	34.747, 36.981, 95.744
xyY	0.207, 0.221, 36.981
CIE-LCH	67.263, 48.071, 268.364
CIE-LUV	67.263, -34.366, -77.557
Hunter-Lab	60.812, -4.427, -50.779
Binary	01010000, 10101001, 11111010

#50a9fa
```
#50a9fa rgb(80,169,250)
```
#faa150
```
#faa150 rgb(250,161,80)
```

Complementary Color

#50faf6
```
#50faf6 rgb(80,250,246)
```
#50a9fa
```
#50a9fa rgb(80,169,250)
```
#5054fa
```
#5054fa rgb(80,84,250)
```

Analogous Color

#faf650
```
#faf650 rgb(250,246,80)
```
#50a9fa
```
#50a9fa rgb(80,169,250)
```
#fa5054
```
#fa5054 rgb(250,80,84)
```

Split Complementary Color

#a9fa50
```
#a9fa50 rgb(169,250,80)
```
#50a9fa
```
#50a9fa rgb(80,169,250)
```
#fa50a9
```
#fa50a9 rgb(250,80,169)
```

Triadic Color

#50faa1
```
#50faa1 rgb(80,250,161)
```
#50a9fa
```
#50a9fa rgb(80,169,250)
```
#fa50a9
```
#fa50a9 rgb(250,80,169)
```
#faa150
```
#faa150 rgb(250,161,80)
```

Tetradic Color

#0784f6
```
#0784f6 rgb(7,132,246)
```
#1e91f9
```
#1e91f9 rgb(30,145,249)
```
#379df9
```
#379df9 rgb(55,157,249)
```
#50a9fa
```
#50a9fa rgb(80,169,250)
```
#69b5fb
```
#69b5fb rgb(105,181,251)
```
#82c1fb
```
#82c1fb rgb(130,193,251)
```
#9acefc
```
#9acefc rgb(154,206,252)
```

Monochromatic Color

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

#50d4fa
```
#50d4fa rgb(80,212,250)
```
#50c5fa
```
#50c5fa rgb(80,197,250)
```
#50b7fa
```
#50b7fa rgb(80,183,250)
```
#50a9fa
```
#50a9fa rgb(80,169,250)
```
#509bfa
```
#509bfa rgb(80,155,250)
```
#508dfa
```
#508dfa rgb(80,141,250)
```
#507ffa
```
#507ffa rgb(80,127,250)
```

Similar Colors

Text with hexadecimal color #50a9fa

This text has a font color of #50a9fa.

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

#50a9fa background color

This paragraph has a background color of #50a9fa.

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

#50a9fa border color

This element has a border color of #50a9fa.

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

CSS codes

.text {color:#50a9fa;}

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

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

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, #000810 is the darkest color, while #fcfdff is the lightest one.

#000810
```
#000810 rgb(0,8,16)
```
#011323
```
#011323 rgb(1,19,35)
```
#021d36
```
#021d36 rgb(2,29,54)
```
#022749
```
#022749 rgb(2,39,73)
```
#03315c
```
#03315c rgb(3,49,92)
```
#033c6f
```
#033c6f rgb(3,60,111)
```
#044682
```
#044682 rgb(4,70,130)
```
#045095
```
#045095 rgb(4,80,149)
```
#055aa8
```
#055aa8 rgb(5,90,168)
```
#0565bb
```
#0565bb rgb(5,101,187)
```
#066fce
```
#066fce rgb(6,111,206)
```
#0679e1
```
#0679e1 rgb(6,121,225)
```
#0783f5
```
#0783f5 rgb(7,131,245)
```

Shade Color Variation

#178df8
```
#178df8 rgb(23,141,248)
```
#2a96f9
```
#2a96f9 rgb(42,150,249)
```
#3da0f9
```
#3da0f9 rgb(61,160,249)
```
#50a9fa
```
#50a9fa rgb(80,169,250)
```
#63b2fb
```
#63b2fb rgb(99,178,251)
```
#76bcfb
```
#76bcfb rgb(118,188,251)
```
#89c5fc
```
#89c5fc rgb(137,197,252)
```
#9ccefc
```
#9ccefc rgb(156,206,252)
```
#afd8fd
```
#afd8fd rgb(175,216,253)
```
#c2e1fd
```
#c2e1fd rgb(194,225,253)
```
#d5ebfe
```
#d5ebfe rgb(213,235,254)
```
#e9f4fe
```
#e9f4fe rgb(233,244,254)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a3a5a7
```
#a3a5a7 rgb(163,165,167)
```
#9ca5ae
```
#9ca5ae rgb(156,165,174)
```
#95a6b5
```
#95a6b5 rgb(149,166,181)
```
#8ea6bc
```
#8ea6bc rgb(142,166,188)
```
#87a6c3
```
#87a6c3 rgb(135,166,195)
```
#80a7ca
```
#80a7ca rgb(128,167,202)
```
#7aa7d0
```
#7aa7d0 rgb(122,167,208)
```
#73a7d7
```
#73a7d7 rgb(115,167,215)
```
#6ca8de
```
#6ca8de rgb(108,168,222)
```
#65a8e5
```
#65a8e5 rgb(101,168,229)
```
#5ea8ec
```
#5ea8ec rgb(94,168,236)
```
#57a9f3
```
#57a9f3 rgb(87,169,243)
```
#50a9fa
```
#50a9fa rgb(80,169,250)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8a9bac Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba5f4 Protanopia 1% of men
#78a8fc Deuteranopia 1% of men
#22b8c6 Tritanopia 0.001% of the population

Trichromacy

#75a7f6 Protanomaly 1% of men, 0.01% of women
#69a8fb Deuteranomaly 6% of men, 0.4% of women
#32b2d8 Tritanomaly 0.01% of the population

#50a9fa hex color

#50a9fa Color Information

#50a9fa Color Conversion

Color Schemes with #50a9fa

Alternatives to #50a9fa

#50a9fa Preview

Shades and Tints of #50a9fa

Tones of #50a9fa

Color Blindness Simulator