#50afef hex color

In a RGB color space, hex #50afef is composed of 31.4% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 204.2 degrees, a saturation of 83.2% and a lightness of 62.5%. #50afef color hex could be obtained by blending #a0ffff with #005fdf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 69
- B 94
RGB color chart
- C 67
- M 27
- Y 0
- K 6
CMYK color chart

● #50afef color description : Soft blue.

The hexadecimal color #50afef has RGB values of R:80, G:175, B:239 and CMYK values of C:0.67, M:0.27, Y:0, K:0.06. Its decimal value is 5287919.

Hex triplet	50afef	`#50afef`
RGB Decimal	80, 175, 239	`rgb(80,175,239)`
RGB Percent	31.4, 68.6, 93.7	`rgb(31.4%,68.6%,93.7%)`
CMYK	67, 27, 0, 6
HSL	204.2°, 83.2, 62.5	`hsl(204.2,83.2%,62.5%)`
HSV (or HSB)	204.2°, 66.5, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.457, -8.357, -40.188
XYZ	34.214, 38.595, 87.303
xyY	0.214, 0.241, 38.595
CIE-LCH	68.457, 41.048, 258.253
CIE-LUV	68.457, -36.878, -63.525
Hunter-Lab	62.125, -10.412, -39.832
Binary	01010000, 10101111, 11101111

#50afef
```
#50afef rgb(80,175,239)
```
#ef9050
```
#ef9050 rgb(239,144,80)
```

Complementary Color

#50efe0
```
#50efe0 rgb(80,239,224)
```
#50afef
```
#50afef rgb(80,175,239)
```
#5060ef
```
#5060ef rgb(80,96,239)
```

Analogous Color

#efe050
```
#efe050 rgb(239,224,80)
```
#50afef
```
#50afef rgb(80,175,239)
```
#ef5060
```
#ef5060 rgb(239,80,96)
```

Split Complementary Color

#afef50
```
#afef50 rgb(175,239,80)
```
#50afef
```
#50afef rgb(80,175,239)
```
#ef50af
```
#ef50af rgb(239,80,175)
```

Triadic Color

#50ef90
```
#50ef90 rgb(80,239,144)
```
#50afef
```
#50afef rgb(80,175,239)
```
#ef50af
```
#ef50af rgb(239,80,175)
```
#ef9050
```
#ef9050 rgb(239,144,80)
```

Tetradic Color

#148dde
```
#148dde rgb(20,141,222)
```
#219aeb
```
#219aeb rgb(33,154,235)
```
#39a4ed
```
#39a4ed rgb(57,164,237)
```
#50afef
```
#50afef rgb(80,175,239)
```
#67baf1
```
#67baf1 rgb(103,186,241)
```
#7fc4f3
```
#7fc4f3 rgb(127,196,243)
```
#96cff5
```
#96cff5 rgb(150,207,245)
```

Monochromatic Color

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

#50d7ef
```
#50d7ef rgb(80,215,239)
```
#50caef
```
#50caef rgb(80,202,239)
```
#50bcef
```
#50bcef rgb(80,188,239)
```
#50afef
```
#50afef rgb(80,175,239)
```
#50a2ef
```
#50a2ef rgb(80,162,239)
```
#5095ef
```
#5095ef rgb(80,149,239)
```
#5087ef
```
#5087ef rgb(80,135,239)
```

Similar Colors

Text with hexadecimal color #50afef

This text has a font color of #50afef.

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

#50afef background color

This paragraph has a background color of #50afef.

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

#50afef border color

This element has a border color of #50afef.

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

CSS codes

.text {color:#50afef;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#020e17
```
#020e17 rgb(2,14,23)
```
#041a29
```
#041a29 rgb(4,26,41)
```
#05253b
```
#05253b rgb(5,37,59)
```
#07314d
```
#07314d rgb(7,49,77)
```
#093c5f
```
#093c5f rgb(9,60,95)
```
#0a4771
```
#0a4771 rgb(10,71,113)
```
#0c5383
```
#0c5383 rgb(12,83,131)
```
#0e5e94
```
#0e5e94 rgb(14,94,148)
```
#0f6aa6
```
#0f6aa6 rgb(15,106,166)
```
#1175b8
```
#1175b8 rgb(17,117,184)
```
#1380ca
```
#1380ca rgb(19,128,202)
```
#148cdc
```
#148cdc rgb(20,140,220)
```

Shade Color Variation

#1a96ea
```
#1a96ea rgb(26,150,234)
```
#2c9fec
```
#2c9fec rgb(44,159,236)
```
#3ea7ed
```
#3ea7ed rgb(62,167,237)
```
#50afef
```
#50afef rgb(80,175,239)
```
#62b7f1
```
#62b7f1 rgb(98,183,241)
```
#74bff2
```
#74bff2 rgb(116,191,242)
```
#86c8f4
```
#86c8f4 rgb(134,200,244)
```
#98d0f6
```
#98d0f6 rgb(152,208,246)
```
#aad8f7
```
#aad8f7 rgb(170,216,247)
```
#bce0f9
```
#bce0f9 rgb(188,224,249)
```
#cee9fb
```
#cee9fb rgb(206,233,251)
```
#e0f1fc
```
#e0f1fc rgb(224,241,252)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a1a6 is the less saturated color, while #41b2fe is the most saturated one.

#99a1a6
```
#99a1a6 rgb(153,161,166)
```
#92a2ad
```
#92a2ad rgb(146,162,173)
```
#8ba4b4
```
#8ba4b4 rgb(139,164,180)
```
#83a5bc
```
#83a5bc rgb(131,165,188)
```
#7ca6c3
```
#7ca6c3 rgb(124,166,195)
```
#75a8ca
```
#75a8ca rgb(117,168,202)
```
#6da9d2
```
#6da9d2 rgb(109,169,210)
```
#66abd9
```
#66abd9 rgb(102,171,217)
```
#5face0
```
#5face0 rgb(95,172,224)
```
#57aee8
```
#57aee8 rgb(87,174,232)
```
#50afef
```
#50afef rgb(80,175,239)
```
#49b0f6
```
#49b0f6 rgb(73,176,246)
```
#41b2fe
```
#41b2fe rgb(65,178,254)
```

Tone Color Variation

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

Dichromacy

#96a9e8 Protanopia 1% of men
#8aaaf3 Deuteranopia 1% of men
#38bac8 Tritanopia 0.001% of the population

Trichromacy

#7cabeb Protanomaly 1% of men, 0.01% of women
#75acf1 Deuteranomaly 6% of men, 0.4% of women
#41b6d6 Tritanomaly 0.01% of the population

#50afef hex color

#50afef Color Information

#50afef Color Conversion

Color Schemes with #50afef

Alternatives to #50afef

#50afef Preview

Shades and Tints of #50afef

Tones of #50afef

Color Blindness Simulator