#50affe hex color

In a RGB color space, hex #50affe is composed of 31.4% red, 68.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 31.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 207.2 degrees, a saturation of 98.9% and a lightness of 65.5%. #50affe color hex could be obtained by blending #a0ffff with #005ffd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 31
- G 69
- B 100
RGB color chart
- C 69
- M 31
- Y 0
- K 0
CMYK color chart

● #50affe color description : Soft blue.

The hexadecimal color #50affe has RGB values of R:80, G:175, B:254 and CMYK values of C:0.69, M:0.31, Y:0, K:0. Its decimal value is 5287934.

Hex triplet	50affe	`#50affe`
RGB Decimal	80, 175, 254	`rgb(80,175,254)`
RGB Percent	31.4, 68.6, 99.6	`rgb(31.4%,68.6%,99.6%)`
CMYK	69, 31, 0, 0
HSL	207.2°, 98.9, 65.5	`hsl(207.2,98.9%,65.5%)`
HSV (or HSB)	207.2°, 68.5, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.125, -3.411, -47.29
XYZ	36.523, 39.518, 99.463
xyY	0.208, 0.225, 39.518
CIE-LCH	69.125, 47.413, 265.875
CIE-LUV	69.125, -36.268, -76.336
Hunter-Lab	62.864, -6.304, -49.805
Binary	01010000, 10101111, 11111110

#50affe
```
#50affe rgb(80,175,254)
```
#fe9f50
```
#fe9f50 rgb(254,159,80)
```

Complementary Color

#50fef6
```
#50fef6 rgb(80,254,246)
```
#50affe
```
#50affe rgb(80,175,254)
```
#5058fe
```
#5058fe rgb(80,88,254)
```

Analogous Color

#fef650
```
#fef650 rgb(254,246,80)
```
#50affe
```
#50affe rgb(80,175,254)
```
#fe5058
```
#fe5058 rgb(254,80,88)
```

Split Complementary Color

#affe50
```
#affe50 rgb(175,254,80)
```
#50affe
```
#50affe rgb(80,175,254)
```
#fe50af
```
#fe50af rgb(254,80,175)
```

Triadic Color

#50fe9f
```
#50fe9f rgb(80,254,159)
```
#50affe
```
#50affe rgb(80,175,254)
```
#fe50af
```
#fe50af rgb(254,80,175)
```
#fe9f50
```
#fe9f50 rgb(254,159,80)
```

Tetradic Color

#048cfe
```
#048cfe rgb(4,140,254)
```
#1d98fe
```
#1d98fe rgb(29,152,254)
```
#37a3fe
```
#37a3fe rgb(55,163,254)
```
#50affe
```
#50affe rgb(80,175,254)
```
#69bbfe
```
#69bbfe rgb(105,187,254)
```
#83c6fe
```
#83c6fe rgb(131,198,254)
```
#9cd2fe
```
#9cd2fe rgb(156,210,254)
```

Monochromatic Color

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

#50dbfe
```
#50dbfe rgb(80,219,254)
```
#50ccfe
```
#50ccfe rgb(80,204,254)
```
#50befe
```
#50befe rgb(80,190,254)
```
#50affe
```
#50affe rgb(80,175,254)
```
#50a1fe
```
#50a1fe rgb(80,161,254)
```
#5092fe
```
#5092fe rgb(80,146,254)
```
#5084fe
```
#5084fe rgb(80,132,254)
```

Similar Colors

Text with hexadecimal color #50affe

This text has a font color of #50affe.

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

#50affe background color

This paragraph has a background color of #50affe.

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

#50affe border color

This element has a border color of #50affe.

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

CSS codes

.text {color:#50affe;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000b14
```
#000b14 rgb(0,11,20)
```
#001628
```
#001628 rgb(0,22,40)
```
#00203b
```
#00203b rgb(0,32,59)
```
#002b4f
```
#002b4f rgb(0,43,79)
```
#013662
```
#013662 rgb(1,54,98)
```
#014076
```
#014076 rgb(1,64,118)
```
#014b89
```
#014b89 rgb(1,75,137)
```
#01569d
```
#01569d rgb(1,86,157)
```
#0161b0
```
#0161b0 rgb(1,97,176)
```
#016bc4
```
#016bc4 rgb(1,107,196)
```
#0176d7
```
#0176d7 rgb(1,118,215)
```
#0181eb
```
#0181eb rgb(1,129,235)
```

Shade Color Variation

#028bfe
```
#028bfe rgb(2,139,254)
```
#1594fe
```
#1594fe rgb(21,148,254)
```
#299dfe
```
#299dfe rgb(41,157,254)
```
#3ca6fe
```
#3ca6fe rgb(60,166,254)
```
#50affe
```
#50affe rgb(80,175,254)
```
#64b8fe
```
#64b8fe rgb(100,184,254)
```
#77c1fe
```
#77c1fe rgb(119,193,254)
```
#8bcafe
```
#8bcafe rgb(139,202,254)
```
#9ed3fe
```
#9ed3fe rgb(158,211,254)
```
#b2dcff
```
#b2dcff rgb(178,220,255)
```
#c5e4ff
```
#c5e4ff rgb(197,228,255)
```
#d9edff
```
#d9edff rgb(217,237,255)
```
#ecf6ff
```
#ecf6ff rgb(236,246,255)
```

Tint Color Variation

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

#a1a8ad
```
#a1a8ad rgb(161,168,173)
```
#9aa8b4
```
#9aa8b4 rgb(154,168,180)
```
#94a9ba
```
#94a9ba rgb(148,169,186)
```
#8da9c1
```
#8da9c1 rgb(141,169,193)
```
#86aac8
```
#86aac8 rgb(134,170,200)
```
#7fabcf
```
#7fabcf rgb(127,171,207)
```
#79abd5
```
#79abd5 rgb(121,171,213)
```
#72acdc
```
#72acdc rgb(114,172,220)
```
#6bade3
```
#6bade3 rgb(107,173,227)
```
#64adea
```
#64adea rgb(100,173,234)
```
#5eaef0
```
#5eaef0 rgb(94,174,240)
```
#57aef7
```
#57aef7 rgb(87,174,247)
```
#50affe
```
#50affe rgb(80,175,254)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8da0b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91aaf7 Protanopia 1% of men
#80adff Deuteranopia 1% of men
#22bdcb Tritanopia 0.001% of the population

Trichromacy

#79acf9 Protanomaly 1% of men, 0.01% of women
#6eadfe Deuteranomaly 6% of men, 0.4% of women
#33b8dd Tritanomaly 0.01% of the population

#50affe hex color

#50affe Color Information

#50affe Color Conversion

Color Schemes with #50affe

Alternatives to #50affe

#50affe Preview

Shades and Tints of #50affe

Tones of #50affe

Color Blindness Simulator