#50affb hex color

In a RGB color space, hex #50affb is composed of 31.4% red, 68.6% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 30.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 206.7 degrees, a saturation of 95.5% and a lightness of 64.9%. #50affb color hex could be obtained by blending #a0ffff with #005ff7. Closest websafe color is: #6699ff.

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

● #50affb color description : Soft blue.

The hexadecimal color #50affb has RGB values of R:80, G:175, B:251 and CMYK values of C:0.68, M:0.3, Y:0, K:0.02. Its decimal value is 5287931.

Hex triplet	50affb	`#50affb`
RGB Decimal	80, 175, 251	`rgb(80,175,251)`
RGB Percent	31.4, 68.6, 98.4	`rgb(31.4%,68.6%,98.4%)`
CMYK	68, 30, 0, 2
HSL	206.7°, 95.5, 64.9	`hsl(206.7,95.5%,64.9%)`
HSV (or HSB)	206.7°, 68.1, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.988, -4.408, -45.88
XYZ	36.047, 39.328, 96.953
xyY	0.209, 0.228, 39.328
CIE-LCH	68.988, 46.091, 264.512
CIE-LUV	68.988, -36.387, -73.787
Hunter-Lab	62.712, -7.144, -47.764
Binary	01010000, 10101111, 11111011

#50affb
```
#50affb rgb(80,175,251)
```
#fb9c50
```
#fb9c50 rgb(251,156,80)
```

Complementary Color

#50fbf2
```
#50fbf2 rgb(80,251,242)
```
#50affb
```
#50affb rgb(80,175,251)
```
#505afb
```
#505afb rgb(80,90,251)
```

Analogous Color

#fbf250
```
#fbf250 rgb(251,242,80)
```
#50affb
```
#50affb rgb(80,175,251)
```
#fb505a
```
#fb505a rgb(251,80,90)
```

Split Complementary Color

#affb50
```
#affb50 rgb(175,251,80)
```
#50affb
```
#50affb rgb(80,175,251)
```
#fb50af
```
#fb50af rgb(251,80,175)
```

Triadic Color

#50fb9c
```
#50fb9c rgb(80,251,156)
```
#50affb
```
#50affb rgb(80,175,251)
```
#fb50af
```
#fb50af rgb(251,80,175)
```
#fb9c50
```
#fb9c50 rgb(251,156,80)
```

Tetradic Color

#068df9
```
#068df9 rgb(6,141,249)
```
#1e98fa
```
#1e98fa rgb(30,152,250)
```
#37a4fa
```
#37a4fa rgb(55,164,250)
```
#50affb
```
#50affb rgb(80,175,251)
```
#69bafc
```
#69bafc rgb(105,186,252)
```
#82c6fc
```
#82c6fc rgb(130,198,252)
```
#9bd1fd
```
#9bd1fd rgb(155,209,253)
```

Monochromatic Color

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

#50dafb
```
#50dafb rgb(80,218,251)
```
#50ccfb
```
#50ccfb rgb(80,204,251)
```
#50bdfb
```
#50bdfb rgb(80,189,251)
```
#50affb
```
#50affb rgb(80,175,251)
```
#50a1fb
```
#50a1fb rgb(80,161,251)
```
#5093fb
```
#5093fb rgb(80,147,251)
```
#5084fb
```
#5084fb rgb(80,132,251)
```

Similar Colors

Text with hexadecimal color #50affb

This text has a font color of #50affb.

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

#50affb background color

This paragraph has a background color of #50affb.

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

#50affb border color

This element has a border color of #50affb.

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

CSS codes

.text {color:#50affb;}

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

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

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

#000911
```
#000911 rgb(0,9,17)
```
#011424
```
#011424 rgb(1,20,36)
```
#011f37
```
#011f37 rgb(1,31,55)
```
#022a4a
```
#022a4a rgb(2,42,74)
```
#02355d
```
#02355d rgb(2,53,93)
```
#034071
```
#034071 rgb(3,64,113)
```
#034b84
```
#034b84 rgb(3,75,132)
```
#035597
```
#035597 rgb(3,85,151)
```
#0460aa
```
#0460aa rgb(4,96,170)
```
#046bbd
```
#046bbd rgb(4,107,189)
```
#0576d1
```
#0576d1 rgb(5,118,209)
```
#0581e4
```
#0581e4 rgb(5,129,228)
```
#068cf7
```
#068cf7 rgb(6,140,247)
```

Shade Color Variation

#1695fa
```
#1695fa rgb(22,149,250)
```
#2a9dfa
```
#2a9dfa rgb(42,157,250)
```
#3da6fb
```
#3da6fb rgb(61,166,251)
```
#50affb
```
#50affb rgb(80,175,251)
```
#63b8fb
```
#63b8fb rgb(99,184,251)
```
#76c1fc
```
#76c1fc rgb(118,193,252)
```
#8ac9fc
```
#8ac9fc rgb(138,201,252)
```
#9dd2fd
```
#9dd2fd rgb(157,210,253)
```
#b0dbfd
```
#b0dbfd rgb(176,219,253)
```
#c3e4fe
```
#c3e4fe rgb(195,228,254)
```
#d6ecfe
```
#d6ecfe rgb(214,236,254)
```
#e9f5ff
```
#e9f5ff rgb(233,245,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a3a6a8
```
#a3a6a8 rgb(163,166,168)
```
#9ca7af
```
#9ca7af rgb(156,167,175)
```
#95a7b6
```
#95a7b6 rgb(149,167,182)
```
#8ea8bd
```
#8ea8bd rgb(142,168,189)
```
#87a9c4
```
#87a9c4 rgb(135,169,196)
```
#80aacb
```
#80aacb rgb(128,170,203)
```
#79aad2
```
#79aad2 rgb(121,170,210)
```
#72abd9
```
#72abd9 rgb(114,171,217)
```
#6cacdf
```
#6cacdf rgb(108,172,223)
```
#65ade6
```
#65ade6 rgb(101,173,230)
```
#5eaded
```
#5eaded rgb(94,173,237)
```
#57aef4
```
#57aef4 rgb(87,174,244)
```
#50affb
```
#50affb rgb(80,175,251)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8c9fae Atypical Achromatopsia 0.001% of the population

Dichromacy

#92aaf4 Protanopia 1% of men
#81acfd Deuteranopia 1% of men
#28bdca Tritanopia 0.001% of the population

Trichromacy

#7aacf7 Protanomaly 1% of men, 0.01% of women
#6fadfc Deuteranomaly 6% of men, 0.4% of women
#37b7dc Tritanomaly 0.01% of the population

#50affb hex color

#50affb Color Information

#50affb Color Conversion

Color Schemes with #50affb

Alternatives to #50affb

#50affb Preview

Shades and Tints of #50affb

Tones of #50affb

Color Blindness Simulator