#50b8fd hex color

In a RGB color space, hex #50b8fd is composed of 31.4% red, 72.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 27.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 203.9 degrees, a saturation of 97.7% and a lightness of 65.3%. #50b8fd color hex could be obtained by blending #a0ffff with #0071fb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 31
- G 72
- B 99
RGB color chart
- C 68
- M 27
- Y 0
- K 1
CMYK color chart

● #50b8fd color description : Soft blue.

The hexadecimal color #50b8fd has RGB values of R:80, G:184, B:253 and CMYK values of C:0.68, M:0.27, Y:0, K:0.01. Its decimal value is 5290237.

Hex triplet	50b8fd	`#50b8fd`
RGB Decimal	80, 184, 253	`rgb(80,184,253)`
RGB Percent	31.4, 72.2, 99.2	`rgb(31.4%,72.2%,99.2%)`
CMYK	68, 27, 0, 1
HSL	203.9°, 97.7, 65.3	`hsl(203.9,97.7%,65.3%)`
HSV (or HSB)	203.9°, 68.4, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.606, -8.708, -42.858
XYZ	38.174, 43.075, 99.226
xyY	0.212, 0.239, 43.075
CIE-LCH	71.606, 43.734, 258.514
CIE-LUV	71.606, -39.415, -68.461
Hunter-Lab	65.632, -11.033, -43.696
Binary	01010000, 10111000, 11111101

#50b8fd
```
#50b8fd rgb(80,184,253)
```
#fd9550
```
#fd9550 rgb(253,149,80)
```

Complementary Color

#50fdec
```
#50fdec rgb(80,253,236)
```
#50b8fd
```
#50b8fd rgb(80,184,253)
```
#5062fd
```
#5062fd rgb(80,98,253)
```

Analogous Color

#fdec50
```
#fdec50 rgb(253,236,80)
```
#50b8fd
```
#50b8fd rgb(80,184,253)
```
#fd5062
```
#fd5062 rgb(253,80,98)
```

Split Complementary Color

#b8fd50
```
#b8fd50 rgb(184,253,80)
```
#50b8fd
```
#50b8fd rgb(80,184,253)
```
#fd50b8
```
#fd50b8 rgb(253,80,184)
```

Triadic Color

#50fd95
```
#50fd95 rgb(80,253,149)
```
#50b8fd
```
#50b8fd rgb(80,184,253)
```
#fd50b8
```
#fd50b8 rgb(253,80,184)
```
#fd9550
```
#fd9550 rgb(253,149,80)
```

Tetradic Color

#0499fc
```
#0499fc rgb(4,153,252)
```
#1ea4fc
```
#1ea4fc rgb(30,164,252)
```
#37aefd
```
#37aefd rgb(55,174,253)
```
#50b8fd
```
#50b8fd rgb(80,184,253)
```
#69c2fd
```
#69c2fd rgb(105,194,253)
```
#82ccfe
```
#82ccfe rgb(130,204,254)
```
#9cd7fe
```
#9cd7fe rgb(156,215,254)
```

Monochromatic Color

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

#50e3fd
```
#50e3fd rgb(80,227,253)
```
#50d5fd
```
#50d5fd rgb(80,213,253)
```
#50c6fd
```
#50c6fd rgb(80,198,253)
```
#50b8fd
```
#50b8fd rgb(80,184,253)
```
#50aafd
```
#50aafd rgb(80,170,253)
```
#509bfd
```
#509bfd rgb(80,155,253)
```
#508dfd
```
#508dfd rgb(80,141,253)
```

Similar Colors

Text with hexadecimal color #50b8fd

This text has a font color of #50b8fd.

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

#50b8fd background color

This paragraph has a background color of #50b8fd.

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

#50b8fd border color

This element has a border color of #50b8fd.

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

CSS codes

.text {color:#50b8fd;}

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

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

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, #000b13 is the darkest color, while #ffffff is the lightest one.

#000b13
```
#000b13 rgb(0,11,19)
```
#001726
```
#001726 rgb(0,23,38)
```
#01233a
```
#01233a rgb(1,35,58)
```
#012f4d
```
#012f4d rgb(1,47,77)
```
#013a61
```
#013a61 rgb(1,58,97)
```
#014674
```
#014674 rgb(1,70,116)
```
#025287
```
#025287 rgb(2,82,135)
```
#025e9b
```
#025e9b rgb(2,94,155)
```
#0269ae
```
#0269ae rgb(2,105,174)
```
#0275c1
```
#0275c1 rgb(2,117,193)
```
#0281d5
```
#0281d5 rgb(2,129,213)
```
#038de8
```
#038de8 rgb(3,141,232)
```
#0398fc
```
#0398fc rgb(3,152,252)
```

Shade Color Variation

#16a0fc
```
#16a0fc rgb(22,160,252)
```
#29a8fd
```
#29a8fd rgb(41,168,253)
```
#3db0fd
```
#3db0fd rgb(61,176,253)
```
#50b8fd
```
#50b8fd rgb(80,184,253)
```
#63c0fd
```
#63c0fd rgb(99,192,253)
```
#77c8fd
```
#77c8fd rgb(119,200,253)
```
#8ad0fe
```
#8ad0fe rgb(138,208,254)
```
#9ed7fe
```
#9ed7fe rgb(158,215,254)
```
#b1dffe
```
#b1dffe rgb(177,223,254)
```
#c4e7fe
```
#c4e7fe rgb(196,231,254)
```
#d8efff
```
#d8efff rgb(216,239,255)
```
#ebf7ff
```
#ebf7ff rgb(235,247,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a2a7ab
```
#a2a7ab rgb(162,167,171)
```
#9ba9b2
```
#9ba9b2 rgb(155,169,178)
```
#94aab9
```
#94aab9 rgb(148,170,185)
```
#8dacc0
```
#8dacc0 rgb(141,172,192)
```
#86adc7
```
#86adc7 rgb(134,173,199)
```
#80aecd
```
#80aecd rgb(128,174,205)
```
#79b0d4
```
#79b0d4 rgb(121,176,212)
```
#72b1db
```
#72b1db rgb(114,177,219)
```
#6bb2e2
```
#6bb2e2 rgb(107,178,226)
```
#64b4e9
```
#64b4e9 rgb(100,180,233)
```
#5eb5ef
```
#5eb5ef rgb(94,181,239)
```
#57b7f6
```
#57b7f6 rgb(87,183,246)
```
#50b8fd
```
#50b8fd rgb(80,184,253)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#91a6b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb1f5 Protanopia 1% of men
#90b2ff Deuteranopia 1% of men
#30c4d2 Tritanopia 0.001% of the population

Trichromacy

#80b3f8 Protanomaly 1% of men, 0.01% of women
#78b4fe Deuteranomaly 6% of men, 0.4% of women
#3bbfe2 Tritanomaly 0.01% of the population

#50b8fd hex color

#50b8fd Color Information

#50b8fd Color Conversion

Color Schemes with #50b8fd

Alternatives to #50b8fd

#50b8fd Preview

Shades and Tints of #50b8fd

Tones of #50b8fd

Color Blindness Simulator