#50c2ff hex color

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

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

● #50c2ff color description : Light blue.

The hexadecimal color #50c2ff has RGB values of R:80, G:194, B:255 and CMYK values of C:0.69, M:0.24, Y:0, K:0. Its decimal value is 5292799.

Hex triplet	50c2ff	`#50c2ff`
RGB Decimal	80, 194, 255	`rgb(80,194,255)`
RGB Percent	31.4, 76.1, 100	`rgb(31.4%,76.1%,100%)`
CMYK	69, 24, 0, 0
HSL	200.9°, 100, 65.7	`hsl(200.9,100%,65.7%)`
HSV (or HSB)	200.9°, 68.6, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	74.512, -13.439, -39.401
XYZ	40.646, 47.506, 101.63
xyY	0.214, 0.25, 47.506
CIE-LCH	74.512, 41.63, 251.166
CIE-LUV	74.512, -42.803, -62.255
Hunter-Lab	68.924, -15.354, -39.177
Binary	01010000, 11000010, 11111111

#50c2ff
```
#50c2ff rgb(80,194,255)
```
#ff8d50
```
#ff8d50 rgb(255,141,80)
```

Complementary Color

#50ffe5
```
#50ffe5 rgb(80,255,229)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```
#506bff
```
#506bff rgb(80,107,255)
```

Analogous Color

#ffe550
```
#ffe550 rgb(255,229,80)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```
#ff506b
```
#ff506b rgb(255,80,107)
```

Split Complementary Color

#c2ff50
```
#c2ff50 rgb(194,255,80)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```
#ff50c2
```
#ff50c2 rgb(255,80,194)
```

Triadic Color

#50ff8d
```
#50ff8d rgb(80,255,141)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```
#ff50c2
```
#ff50c2 rgb(255,80,194)
```
#ff8d50
```
#ff8d50 rgb(255,141,80)
```

Tetradic Color

#03a7ff
```
#03a7ff rgb(3,167,255)
```
#1db0ff
```
#1db0ff rgb(29,176,255)
```
#37b9ff
```
#37b9ff rgb(55,185,255)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```
#6acbff
```
#6acbff rgb(106,203,255)
```
#83d4ff
```
#83d4ff rgb(131,212,255)
```
#9dddff
```
#9dddff rgb(157,221,255)
```

Monochromatic Color

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

#50eeff
```
#50eeff rgb(80,238,255)
```
#50dfff
```
#50dfff rgb(80,223,255)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```
#50b3ff
```
#50b3ff rgb(80,179,255)
```
#50a5ff
```
#50a5ff rgb(80,165,255)
```
#5096ff
```
#5096ff rgb(80,150,255)
```

Similar Colors

Text with hexadecimal color #50c2ff

This text has a font color of #50c2ff.

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

#50c2ff background color

This paragraph has a background color of #50c2ff.

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

#50c2ff border color

This element has a border color of #50c2ff.

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

CSS codes

.text {color:#50c2ff;}

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

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

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 #edf9ff is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#000e15
```
#000e15 rgb(0,14,21)
```
#001b29
```
#001b29 rgb(0,27,41)
```
#00273c
```
#00273c rgb(0,39,60)
```
#003450
```
#003450 rgb(0,52,80)
```
#004164
```
#004164 rgb(0,65,100)
```
#004e77
```
#004e77 rgb(0,78,119)
```
#005a8b
```
#005a8b rgb(0,90,139)
```
#00679e
```
#00679e rgb(0,103,158)
```
#0074b2
```
#0074b2 rgb(0,116,178)
```
#0081c6
```
#0081c6 rgb(0,129,198)
```
#008ed9
```
#008ed9 rgb(0,142,217)
```
#009aed
```
#009aed rgb(0,154,237)
```

Shade Color Variation

#02a7ff
```
#02a7ff rgb(2,167,255)
```
#15adff
```
#15adff rgb(21,173,255)
```
#29b4ff
```
#29b4ff rgb(41,180,255)
```
#3cbbff
```
#3cbbff rgb(60,187,255)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```
#64c9ff
```
#64c9ff rgb(100,201,255)
```
#77d0ff
```
#77d0ff rgb(119,208,255)
```
#8bd7ff
```
#8bd7ff rgb(139,215,255)
```
#9eddff
```
#9eddff rgb(158,221,255)
```
#b2e4ff
```
#b2e4ff rgb(178,228,255)
```
#c6ebff
```
#c6ebff rgb(198,235,255)
```
#d9f2ff
```
#d9f2ff rgb(217,242,255)
```
#edf9ff
```
#edf9ff rgb(237,249,255)
```

Tint Color Variation

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

#a1aaae
```
#a1aaae rgb(161,170,174)
```
#9aacb5
```
#9aacb5 rgb(154,172,181)
```
#93aebc
```
#93aebc rgb(147,174,188)
```
#8db0c2
```
#8db0c2 rgb(141,176,194)
```
#86b2c9
```
#86b2c9 rgb(134,178,201)
```
#7fb4d0
```
#7fb4d0 rgb(127,180,208)
```
#78b6d7
```
#78b6d7 rgb(120,182,215)
```
#72b8dd
```
#72b8dd rgb(114,184,221)
```
#6bbae4
```
#6bbae4 rgb(107,186,228)
```
#64bceb
```
#64bceb rgb(100,188,235)
```
#5dbef2
```
#5dbef2 rgb(93,190,242)
```
#57c0f8
```
#57c0f8 rgb(87,192,248)
```
#50c2ff
```
#50c2ff rgb(80,194,255)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#96acb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b8f6 Protanopia 1% of men
#9fb9ff Deuteranopia 1% of men
#38ccdb Tritanopia 0.001% of the population

Trichromacy

#88bcf9 Protanomaly 1% of men, 0.01% of women
#82bcff Deuteranomaly 6% of men, 0.4% of women
#40c8e8 Tritanomaly 0.01% of the population

#50c2ff hex color

#50c2ff Color Information

#50c2ff Color Conversion

Color Schemes with #50c2ff

Alternatives to #50c2ff

#50c2ff Preview

Shades and Tints of #50c2ff

Tones of #50c2ff

Color Blindness Simulator