#50b0d4 hex color

In a RGB color space, hex #50b0d4 is composed of 31.4% red, 69% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 17% magenta, 0% yellow and 16.9% black. It has a hue angle of 196.4 degrees, a saturation of 60.6% and a lightness of 57.3%. #50b0d4 color hex could be obtained by blending #a0ffff with #0061a9. 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

● #50b0d4 color description : Moderate blue.

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

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

CIE-LAB	67.656, -17.473, -26.64
XYZ	30.714, 37.507, 67.905
xyY	0.226, 0.276, 37.507
CIE-LCH	67.656, 31.859, 236.739
CIE-LUV	67.656, -38.434, -39.413
Hunter-Lab	61.243, -17.656, -22.869
Binary	01010000, 10110000, 11010100

#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#d47450
```
#d47450 rgb(212,116,80)
```

Complementary Color

#50d4b6
```
#50d4b6 rgb(80,212,182)
```
#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#506ed4
```
#506ed4 rgb(80,110,212)
```

Analogous Color

#d4b650
```
#d4b650 rgb(212,182,80)
```
#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#d4506e
```
#d4506e rgb(212,80,110)
```

Split Complementary Color

#b0d450
```
#b0d450 rgb(176,212,80)
```
#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#d450b0
```
#d450b0 rgb(212,80,176)
```

Triadic Color

#50d474
```
#50d474 rgb(80,212,116)
```
#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#d450b0
```
#d450b0 rgb(212,80,176)
```
#d47450
```
#d47450 rgb(212,116,80)
```

Tetradic Color

#2b89ad
```
#2b89ad rgb(43,137,173)
```
#309ac1
```
#309ac1 rgb(48,154,193)
```
#3ca7cf
```
#3ca7cf rgb(60,167,207)
```
#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#64b9d9
```
#64b9d9 rgb(100,185,217)
```
#79c2de
```
#79c2de rgb(121,194,222)
```
#8dcce3
```
#8dcce3 rgb(141,204,227)
```

Monochromatic Color

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

#50d1d4
```
#50d1d4 rgb(80,209,212)
```
#50c6d4
```
#50c6d4 rgb(80,198,212)
```
#50bbd4
```
#50bbd4 rgb(80,187,212)
```
#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#50a5d4
```
#50a5d4 rgb(80,165,212)
```
#509ad4
```
#509ad4 rgb(80,154,212)
```
#508fd4
```
#508fd4 rgb(80,143,212)
```

Similar Colors

Text with hexadecimal color #50b0d4

This text has a font color of #50b0d4.

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

#50b0d4 background color

This paragraph has a background color of #50b0d4.

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

#50b0d4 border color

This element has a border color of #50b0d4.

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

CSS codes

.text {color:#50b0d4;}

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

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

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)
```
#133d4d
```
#133d4d rgb(19,61,77)
```
#174a5d
```
#174a5d rgb(23,74,93)
```
#1b566c
```
#1b566c rgb(27,86,108)
```
#1f637c
```
#1f637c rgb(31,99,124)
```
#226f8c
```
#226f8c rgb(34,111,140)
```
#267c9c
```
#267c9c rgb(38,124,156)
```
#2a88ab
```
#2a88ab rgb(42,136,171)
```
#2e95bb
```
#2e95bb rgb(46,149,187)
```
#32a1cb
```
#32a1cb rgb(50,161,203)
```

Shade Color Variation

#40a9d0
```
#40a9d0 rgb(64,169,208)
```
#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#60b7d8
```
#60b7d8 rgb(96,183,216)
```
#6fbedc
```
#6fbedc rgb(111,190,220)
```
#7fc5e0
```
#7fc5e0 rgb(127,197,224)
```
#8fcce3
```
#8fcce3 rgb(143,204,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 #26c3fe 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)
```
#61a8c3
```
#61a8c3 rgb(97,168,195)
```
#58accc
```
#58accc rgb(88,172,204)
```
#50b0d4
```
#50b0d4 rgb(80,176,212)
```
#48b4dc
```
#48b4dc rgb(72,180,220)
```
#3fb8e5
```
#3fb8e5 rgb(63,184,229)
```
#37bbed
```
#37bbed rgb(55,187,237)
```
#2ebff6
```
#2ebff6 rgb(46,191,246)
```
#26c3fe
```
#26c3fe rgb(38,195,254)
```

Tone Color Variation

Below, you can see how #50b0d4 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
#899ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fa7ce Protanopia 1% of men
#9ca7db Deuteranopia 1% of men
#4eb7c4 Tritanopia 0.001% of the population

Trichromacy

#82aad0 Protanomaly 1% of men, 0.01% of women
#80aad8 Deuteranomaly 6% of men, 0.4% of women
#4eb4ca Tritanomaly 0.01% of the population

#50b0d4 hex color

#50b0d4 Color Information

#50b0d4 Color Conversion

Color Schemes with #50b0d4

Alternatives to #50b0d4

#50b0d4 Preview

Shades and Tints of #50b0d4

Tones of #50b0d4

Color Blindness Simulator