#50b1cc hex color

In a RGB color space, hex #50b1cc is composed of 31.4% red, 69.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 13.2% magenta, 0% yellow and 20% black. It has a hue angle of 193.1 degrees, a saturation of 54.9% and a lightness of 55.7%. #50b1cc color hex could be obtained by blending #a0ffff with #006399. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 69
- B 80
RGB color chart
- C 61
- M 13
- Y 0
- K 20
CMYK color chart

● #50b1cc color description : Moderate cyan.

The hexadecimal color #50b1cc has RGB values of R:80, G:177, B:204 and CMYK values of C:0.61, M:0.13, Y:0, K:0.2. Its decimal value is 5288396.

Hex triplet	50b1cc	`#50b1cc`
RGB Decimal	80, 177, 204	`rgb(80,177,204)`
RGB Percent	31.4, 69.4, 80	`rgb(31.4%,69.4%,80%)`
CMYK	61, 13, 0, 20
HSL	193.1°, 54.9, 55.7	`hsl(193.1,54.9%,55.7%)`
HSV (or HSB)	193.1°, 60.8, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.656, -20.431, -22.234
XYZ	29.927, 37.507, 62.786
xyY	0.23, 0.288, 37.507
CIE-LCH	67.656, 30.195, 227.42
CIE-LUV	67.656, -39.179, -31.712
Hunter-Lab	61.243, -19.951, -17.913
Binary	01010000, 10110001, 11001100

#50b1cc
```
#50b1cc rgb(80,177,204)
```
#cc6b50
```
#cc6b50 rgb(204,107,80)
```

Complementary Color

#50cca9
```
#50cca9 rgb(80,204,169)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```
#5073cc
```
#5073cc rgb(80,115,204)
```

Analogous Color

#cca950
```
#cca950 rgb(204,169,80)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```
#cc5073
```
#cc5073 rgb(204,80,115)
```

Split Complementary Color

#b1cc50
```
#b1cc50 rgb(177,204,80)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```
#cc50b1
```
#cc50b1 rgb(204,80,177)
```

Triadic Color

#50cc6b
```
#50cc6b rgb(80,204,107)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```
#cc50b1
```
#cc50b1 rgb(204,80,177)
```
#cc6b50
```
#cc6b50 rgb(204,107,80)
```

Tetradic Color

#2f88a1
```
#2f88a1 rgb(47,136,161)
```
#3599b4
```
#3599b4 rgb(53,153,180)
```
#3ca8c6
```
#3ca8c6 rgb(60,168,198)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```
#64bad2
```
#64bad2 rgb(100,186,210)
```
#77c3d8
```
#77c3d8 rgb(119,195,216)
```
#8bcbdd
```
#8bcbdd rgb(139,203,221)
```

Monochromatic Color

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

#50ccc8
```
#50ccc8 rgb(80,204,200)
```
#50c6cc
```
#50c6cc rgb(80,198,204)
```
#50bbcc
```
#50bbcc rgb(80,187,204)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```
#50a7cc
```
#50a7cc rgb(80,167,204)
```
#509ccc
```
#509ccc rgb(80,156,204)
```
#5092cc
```
#5092cc rgb(80,146,204)
```

Similar Colors

Text with hexadecimal color #50b1cc

This text has a font color of #50b1cc.

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

#50b1cc background color

This paragraph has a background color of #50b1cc.

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

#50b1cc border color

This element has a border color of #50b1cc.

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

CSS codes

.text {color:#50b1cc;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#071316
```
#071316 rgb(7,19,22)
```
#0b2026
```
#0b2026 rgb(11,32,38)
```
#0f2d35
```
#0f2d35 rgb(15,45,53)
```
#143a44
```
#143a44 rgb(20,58,68)
```
#184653
```
#184653 rgb(24,70,83)
```
#1d5362
```
#1d5362 rgb(29,83,98)
```
#216072
```
#216072 rgb(33,96,114)
```
#266d81
```
#266d81 rgb(38,109,129)
```
#2a7a90
```
#2a7a90 rgb(42,122,144)
```
#2e879f
```
#2e879f rgb(46,135,159)
```
#3393ae
```
#3393ae rgb(51,147,174)
```
#37a0be
```
#37a0be rgb(55,160,190)
```

Shade Color Variation

#41aac8
```
#41aac8 rgb(65,170,200)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```
#5fb8d0
```
#5fb8d0 rgb(95,184,208)
```
#6ebfd5
```
#6ebfd5 rgb(110,191,213)
```
#7ec5d9
```
#7ec5d9 rgb(126,197,217)
```
#8dccde
```
#8dccde rgb(141,204,222)
```
#9cd3e2
```
#9cd3e2 rgb(156,211,226)
```
#abdae7
```
#abdae7 rgb(171,218,231)
```
#bae0eb
```
#bae0eb rgb(186,224,235)
```
#cae7ef
```
#cae7ef rgb(202,231,239)
```
#d9eef4
```
#d9eef4 rgb(217,238,244)
```
#e8f5f8
```
#e8f5f8 rgb(232,245,248)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8f8f is the less saturated color, while #25caf7 is the most saturated one.

#8d8f8f
```
#8d8f8f rgb(141,143,143)
```
#849498
```
#849498 rgb(132,148,152)
```
#7b98a1
```
#7b98a1 rgb(123,152,161)
```
#739da9
```
#739da9 rgb(115,157,169)
```
#6aa2b2
```
#6aa2b2 rgb(106,162,178)
```
#61a7bb
```
#61a7bb rgb(97,167,187)
```
#59acc3
```
#59acc3 rgb(89,172,195)
```
#50b1cc
```
#50b1cc rgb(80,177,204)
```
#47b6d5
```
#47b6d5 rgb(71,182,213)
```
#3fbbdd
```
#3fbbdd rgb(63,187,221)
```
#36c0e6
```
#36c0e6 rgb(54,192,230)
```
#2dc5ef
```
#2dc5ef rgb(45,197,239)
```
#25caf7
```
#25caf7 rgb(37,202,247)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#899ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a8c6 Protanopia 1% of men
#a1a6d4 Deuteranopia 1% of men
#53b6c4 Tritanopia 0.001% of the population

Trichromacy

#84abc8 Protanomaly 1% of men, 0.01% of women
#83aad1 Deuteranomaly 6% of men, 0.4% of women
#51b4c7 Tritanomaly 0.01% of the population

#50b1cc hex color

#50b1cc Color Information

#50b1cc Color Conversion

Color Schemes with #50b1cc

Alternatives to #50b1cc

#50b1cc Preview

Shades and Tints of #50b1cc

Tones of #50b1cc

Color Blindness Simulator