#50b1d4 hex color

In a RGB color space, hex #50b1d4 is composed of 31.4% red, 69.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 16.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 195.9 degrees, a saturation of 60.6% and a lightness of 57.3%. #50b1d4 color hex could be obtained by blending #a0ffff with #0063a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 69
- B 83
RGB color chart
- C 62
- M 17
- Y 0
- K 17
CMYK color chart

● #50b1d4 color description : Moderate blue.

The hexadecimal color #50b1d4 has RGB values of R:80, G:177, B:212 and CMYK values of C:0.62, M:0.17, Y:0, K:0.17. Its decimal value is 5288404.

Hex triplet	50b1d4	`#50b1d4`
RGB Decimal	80, 177, 212	`rgb(80,177,212)`
RGB Percent	31.4, 69.4, 83.1	`rgb(31.4%,69.4%,83.1%)`
CMYK	62, 17, 0, 17
HSL	195.9°, 60.6, 57.3	`hsl(195.9,60.6%,57.3%)`
HSV (or HSB)	195.9°, 62.3, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.947, -17.999, -26.192
XYZ	30.911, 37.901, 67.97
xyY	0.226, 0.277, 37.901
CIE-LCH	67.947, 31.78, 235.504
CIE-LUV	67.947, -38.801, -38.62
Hunter-Lab	61.564, -18.112, -22.365
Binary	01010000, 10110001, 11010100

#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#d47350
```
#d47350 rgb(212,115,80)
```

Complementary Color

#50d4b5
```
#50d4b5 rgb(80,212,181)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#506fd4
```
#506fd4 rgb(80,111,212)
```

Analogous Color

#d4b550
```
#d4b550 rgb(212,181,80)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#d4506f
```
#d4506f rgb(212,80,111)
```

Split Complementary Color

#b1d450
```
#b1d450 rgb(177,212,80)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#d450b1
```
#d450b1 rgb(212,80,177)
```

Triadic Color

#50d473
```
#50d473 rgb(80,212,115)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#d450b1
```
#d450b1 rgb(212,80,177)
```
#d47350
```
#d47350 rgb(212,115,80)
```

Tetradic Color

#2b8aad
```
#2b8aad rgb(43,138,173)
```
#309bc1
```
#309bc1 rgb(48,155,193)
```
#3ca8cf
```
#3ca8cf rgb(60,168,207)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#64bad9
```
#64bad9 rgb(100,186,217)
```
#79c3de
```
#79c3de rgb(121,195,222)
```
#8dcce3
```
#8dcce3 rgb(141,204,227)
```

Monochromatic Color

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

#50d2d4
```
#50d2d4 rgb(80,210,212)
```
#50c7d4
```
#50c7d4 rgb(80,199,212)
```
#50bcd4
```
#50bcd4 rgb(80,188,212)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#50a6d4
```
#50a6d4 rgb(80,166,212)
```
#509bd4
```
#509bd4 rgb(80,155,212)
```
#5090d4
```
#5090d4 rgb(80,144,212)
```

Similar Colors

Text with hexadecimal color #50b1d4

This text has a font color of #50b1d4.

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

#50b1d4 background color

This paragraph has a background color of #50b1d4.

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

#50b1d4 border color

This element has a border color of #50b1d4.

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

CSS codes

.text {color:#50b1d4;}

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

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

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

#030b0e
```
#030b0e rgb(3,11,14)
```
#07181e
```
#07181e rgb(7,24,30)
```
#0b242d
```
#0b242d rgb(11,36,45)
```
#0f313d
```
#0f313d rgb(15,49,61)
```
#133e4d
```
#133e4d rgb(19,62,77)
```
#174a5d
```
#174a5d rgb(23,74,93)
```
#1b576c
```
#1b576c rgb(27,87,108)
```
#1f637c
```
#1f637c rgb(31,99,124)
```
#22708c
```
#22708c rgb(34,112,140)
```
#267d9c
```
#267d9c rgb(38,125,156)
```
#2a89ab
```
#2a89ab rgb(42,137,171)
```
#2e96bb
```
#2e96bb rgb(46,150,187)
```
#32a2cb
```
#32a2cb rgb(50,162,203)
```

Shade Color Variation

#40aad0
```
#40aad0 rgb(64,170,208)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#60b8d8
```
#60b8d8 rgb(96,184,216)
```
#6fbfdc
```
#6fbfdc rgb(111,191,220)
```
#7fc6e0
```
#7fc6e0 rgb(127,198,224)
```
#8fcde3
```
#8fcde3 rgb(143,205,227)
```
#9fd4e7
```
#9fd4e7 rgb(159,212,231)
```
#aedbeb
```
#aedbeb rgb(174,219,235)
```
#bee2ef
```
#bee2ef rgb(190,226,239)
```
#cee9f3
```
#cee9f3 rgb(206,233,243)
```
#def0f7
```
#def0f7 rgb(222,240,247)
```
#edf7fb
```
#edf7fb rgb(237,247,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8b9599
```
#8b9599 rgb(139,149,153)
```
#8299a2
```
#8299a2 rgb(130,153,162)
```
#7a9daa
```
#7a9daa rgb(122,157,170)
```
#72a1b2
```
#72a1b2 rgb(114,161,178)
```
#69a5bb
```
#69a5bb rgb(105,165,187)
```
#61a9c3
```
#61a9c3 rgb(97,169,195)
```
#58adcc
```
#58adcc rgb(88,173,204)
```
#50b1d4
```
#50b1d4 rgb(80,177,212)
```
#48b5dc
```
#48b5dc rgb(72,181,220)
```
#3fb9e5
```
#3fb9e5 rgb(63,185,229)
```
#37bded
```
#37bded rgb(55,189,237)
```
#2ec1f6
```
#2ec1f6 rgb(46,193,246)
```
#26c5fe
```
#26c5fe rgb(38,197,254)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8a9da4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a8ce Protanopia 1% of men
#9da7db Deuteranopia 1% of men
#4eb8c5 Tritanopia 0.001% of the population

Trichromacy

#83abd0 Protanomaly 1% of men, 0.01% of women
#81abd8 Deuteranomaly 6% of men, 0.4% of women
#4fb5ca Tritanomaly 0.01% of the population

#50b1d4 hex color

#50b1d4 Color Information

#50b1d4 Color Conversion

Color Schemes with #50b1d4

Alternatives to #50b1d4

#50b1d4 Preview

Shades and Tints of #50b1d4

Tones of #50b1d4

Color Blindness Simulator