#50bcff hex color

In a RGB color space, hex #50bcff is composed of 31.4% red, 73.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 26.3% magenta, 0% yellow and 0% black. It has a hue angle of 203 degrees, a saturation of 100% and a lightness of 65.7%. #50bcff color hex could be obtained by blending #a0ffff with #0079ff. Closest websafe color is: #66ccff.

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

● #50bcff color description : Light blue.

The hexadecimal color #50bcff has RGB values of R:80, G:188, B:255 and CMYK values of C:0.69, M:0.26, Y:0, K:0. Its decimal value is 5291263.

Hex triplet	50bcff	`#50bcff`
RGB Decimal	80, 188, 255	`rgb(80,188,255)`
RGB Percent	31.4, 73.7, 100	`rgb(31.4%,73.7%,100%)`
CMYK	69, 26, 0, 0
HSL	203°, 100, 65.7	`hsl(203,100%,65.7%)`
HSV (or HSB)	203°, 68.6, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.819, -10.226, -42.041
XYZ	39.337, 44.889, 101.194
xyY	0.212, 0.242, 44.889
CIE-LCH	72.819, 43.267, 256.329
CIE-LUV	72.819, -40.713, -67.019
Hunter-Lab	66.999, -12.446, -42.651
Binary	01010000, 10111100, 11111111

#50bcff
```
#50bcff rgb(80,188,255)
```
#ff9350
```
#ff9350 rgb(255,147,80)
```

Complementary Color

#50ffeb
```
#50ffeb rgb(80,255,235)
```
#50bcff
```
#50bcff rgb(80,188,255)
```
#5065ff
```
#5065ff rgb(80,101,255)
```

Analogous Color

#ffeb50
```
#ffeb50 rgb(255,235,80)
```
#50bcff
```
#50bcff rgb(80,188,255)
```
#ff5065
```
#ff5065 rgb(255,80,101)
```

Split Complementary Color

#bcff50
```
#bcff50 rgb(188,255,80)
```
#50bcff
```
#50bcff rgb(80,188,255)
```
#ff50bc
```
#ff50bc rgb(255,80,188)
```

Triadic Color

#50ff93
```
#50ff93 rgb(80,255,147)
```
#50bcff
```
#50bcff rgb(80,188,255)
```
#ff50bc
```
#ff50bc rgb(255,80,188)
```
#ff9350
```
#ff9350 rgb(255,147,80)
```

Tetradic Color

#039fff
```
#039fff rgb(3,159,255)
```
#1da8ff
```
#1da8ff rgb(29,168,255)
```
#37b2ff
```
#37b2ff rgb(55,178,255)
```
#50bcff
```
#50bcff rgb(80,188,255)
```
#6ac6ff
```
#6ac6ff rgb(106,198,255)
```
#83d0ff
```
#83d0ff rgb(131,208,255)
```
#9dd9ff
```
#9dd9ff rgb(157,217,255)
```

Monochromatic Color

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

#50e8ff
```
#50e8ff rgb(80,232,255)
```
#50d9ff
```
#50d9ff rgb(80,217,255)
```
#50cbff
```
#50cbff rgb(80,203,255)
```
#50bcff
```
#50bcff rgb(80,188,255)
```
#50adff
```
#50adff rgb(80,173,255)
```
#509fff
```
#509fff rgb(80,159,255)
```
#5090ff
```
#5090ff rgb(80,144,255)
```

Similar Colors

Text with hexadecimal color #50bcff

This text has a font color of #50bcff.

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

#50bcff background color

This paragraph has a background color of #50bcff.

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

#50bcff border color

This element has a border color of #50bcff.

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

CSS codes

.text {color:#50bcff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000d15
```
#000d15 rgb(0,13,21)
```
#001929
```
#001929 rgb(0,25,41)
```
#00253c
```
#00253c rgb(0,37,60)
```
#003150
```
#003150 rgb(0,49,80)
```
#003d64
```
#003d64 rgb(0,61,100)
```
#004a77
```
#004a77 rgb(0,74,119)
```
#00568b
```
#00568b rgb(0,86,139)
```
#00629e
```
#00629e rgb(0,98,158)
```
#006eb2
```
#006eb2 rgb(0,110,178)
```
#007ac6
```
#007ac6 rgb(0,122,198)
```
#0086d9
```
#0086d9 rgb(0,134,217)
```
#0092ed
```
#0092ed rgb(0,146,237)
```

Shade Color Variation

#029eff
```
#029eff rgb(2,158,255)
```
#15a5ff
```
#15a5ff rgb(21,165,255)
```
#29adff
```
#29adff rgb(41,173,255)
```
#3cb4ff
```
#3cb4ff rgb(60,180,255)
```
#50bcff
```
#50bcff rgb(80,188,255)
```
#64c4ff
```
#64c4ff rgb(100,196,255)
```
#77cbff
```
#77cbff rgb(119,203,255)
```
#8bd3ff
```
#8bd3ff rgb(139,211,255)
```
#9edaff
```
#9edaff rgb(158,218,255)
```
#b2e2ff
```
#b2e2ff rgb(178,226,255)
```
#c6e9ff
```
#c6e9ff rgb(198,233,255)
```
#d9f1ff
```
#d9f1ff rgb(217,241,255)
```
#edf8ff
```
#edf8ff rgb(237,248,255)
```

Tint Color Variation

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

#a1a9ae
```
#a1a9ae rgb(161,169,174)
```
#9aabb5
```
#9aabb5 rgb(154,171,181)
```
#93acbc
```
#93acbc rgb(147,172,188)
```
#8daec2
```
#8daec2 rgb(141,174,194)
```
#86afc9
```
#86afc9 rgb(134,175,201)
```
#7fb1d0
```
#7fb1d0 rgb(127,177,208)
```
#78b3d7
```
#78b3d7 rgb(120,179,215)
```
#72b4dd
```
#72b4dd rgb(114,180,221)
```
#6bb6e4
```
#6bb6e4 rgb(107,182,228)
```
#64b7eb
```
#64b7eb rgb(100,183,235)
```
#5db9f2
```
#5db9f2 rgb(93,185,242)
```
#57baf8
```
#57baf8 rgb(87,186,248)
```
#50bcff
```
#50bcff rgb(80,188,255)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#92a8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0b4f7 Protanopia 1% of men
#96b5ff Deuteranopia 1% of men
#32c7d6 Tritanopia 0.001% of the population

Trichromacy

#83b7f9 Protanomaly 1% of men, 0.01% of women
#7cb7ff Deuteranomaly 6% of men, 0.4% of women
#3cc3e5 Tritanomaly 0.01% of the population

#50bcff hex color

#50bcff Color Information

#50bcff Color Conversion

Color Schemes with #50bcff

Alternatives to #50bcff

#50bcff Preview

Shades and Tints of #50bcff

Tones of #50bcff

Color Blindness Simulator