#50b8d4 hex color

In a RGB color space, hex #50b8d4 is composed of 31.4% red, 72.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 13.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 192.7 degrees, a saturation of 60.6% and a lightness of 57.3%. #50b8d4 color hex could be obtained by blending #a0ffff with #0071a9. Closest websafe color is: #66cccc.

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

● #50b8d4 color description : Moderate cyan.

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

Hex triplet	50b8d4	`#50b8d4`
RGB Decimal	80, 184, 212	`rgb(80,184,212)`
RGB Percent	31.4, 72.2, 83.1	`rgb(31.4%,72.2%,83.1%)`
CMYK	62, 13, 0, 17
HSL	192.7°, 60.6, 57.3	`hsl(192.7,60.6%,57.3%)`
HSV (or HSB)	192.7°, 62.3, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.992, -21.629, -23.063
XYZ	32.329, 40.737, 68.443
xyY	0.228, 0.288, 40.737
CIE-LCH	69.992, 31.618, 226.838
CIE-LUV	69.992, -41.375, -33.073
Hunter-Lab	63.826, -21.281, -18.901
Binary	01010000, 10111000, 11010100

#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#d46c50
```
#d46c50 rgb(212,108,80)
```

Complementary Color

#50d4ae
```
#50d4ae rgb(80,212,174)
```
#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#5076d4
```
#5076d4 rgb(80,118,212)
```

Analogous Color

#d4ae50
```
#d4ae50 rgb(212,174,80)
```
#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#d45076
```
#d45076 rgb(212,80,118)
```

Split Complementary Color

#b8d450
```
#b8d450 rgb(184,212,80)
```
#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#d450b8
```
#d450b8 rgb(212,80,184)
```

Triadic Color

#50d46c
```
#50d46c rgb(80,212,108)
```
#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#d450b8
```
#d450b8 rgb(212,80,184)
```
#d46c50
```
#d46c50 rgb(212,108,80)
```

Tetradic Color

#2b91ad
```
#2b91ad rgb(43,145,173)
```
#30a3c1
```
#30a3c1 rgb(48,163,193)
```
#3cb0cf
```
#3cb0cf rgb(60,176,207)
```
#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#64c0d9
```
#64c0d9 rgb(100,192,217)
```
#79c9de
```
#79c9de rgb(121,201,222)
```
#8dd1e3
```
#8dd1e3 rgb(141,209,227)
```

Monochromatic Color

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

#50d4cf
```
#50d4cf rgb(80,212,207)
```
#50ced4
```
#50ced4 rgb(80,206,212)
```
#50c3d4
```
#50c3d4 rgb(80,195,212)
```
#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#50add4
```
#50add4 rgb(80,173,212)
```
#50a2d4
```
#50a2d4 rgb(80,162,212)
```
#5097d4
```
#5097d4 rgb(80,151,212)
```

Similar Colors

Text with hexadecimal color #50b8d4

This text has a font color of #50b8d4.

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

#50b8d4 background color

This paragraph has a background color of #50b8d4.

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

#50b8d4 border color

This element has a border color of #50b8d4.

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

CSS codes

.text {color:#50b8d4;}

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

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

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

#030c0e
```
#030c0e rgb(3,12,14)
```
#07191e
```
#07191e rgb(7,25,30)
```
#0b262d
```
#0b262d rgb(11,38,45)
```
#0f333d
```
#0f333d rgb(15,51,61)
```
#13414d
```
#13414d rgb(19,65,77)
```
#174e5d
```
#174e5d rgb(23,78,93)
```
#1b5b6c
```
#1b5b6c rgb(27,91,108)
```
#1f687c
```
#1f687c rgb(31,104,124)
```
#22768c
```
#22768c rgb(34,118,140)
```
#26839c
```
#26839c rgb(38,131,156)
```
#2a90ab
```
#2a90ab rgb(42,144,171)
```
#2e9dbb
```
#2e9dbb rgb(46,157,187)
```
#32aacb
```
#32aacb rgb(50,170,203)
```

Shade Color Variation

#40b2d0
```
#40b2d0 rgb(64,178,208)
```
#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#60bed8
```
#60bed8 rgb(96,190,216)
```
#6fc5dc
```
#6fc5dc rgb(111,197,220)
```
#7fcbe0
```
#7fcbe0 rgb(127,203,224)
```
#8fd2e3
```
#8fd2e3 rgb(143,210,227)
```
#9fd8e7
```
#9fd8e7 rgb(159,216,231)
```
#aedeeb
```
#aedeeb rgb(174,222,235)
```
#bee5ef
```
#bee5ef rgb(190,229,239)
```
#ceebf3
```
#ceebf3 rgb(206,235,243)
```
#def1f7
```
#def1f7 rgb(222,241,247)
```
#edf8fb
```
#edf8fb rgb(237,248,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8b9699
```
#8b9699 rgb(139,150,153)
```
#829ba2
```
#829ba2 rgb(130,155,162)
```
#7aa0aa
```
#7aa0aa rgb(122,160,170)
```
#72a5b2
```
#72a5b2 rgb(114,165,178)
```
#69aabb
```
#69aabb rgb(105,170,187)
```
#61aec3
```
#61aec3 rgb(97,174,195)
```
#58b3cc
```
#58b3cc rgb(88,179,204)
```
#50b8d4
```
#50b8d4 rgb(80,184,212)
```
#48bddc
```
#48bddc rgb(72,189,220)
```
#3fc2e5
```
#3fc2e5 rgb(63,194,229)
```
#37c6ed
```
#37c6ed rgb(55,198,237)
```
#2ecbf6
```
#2ecbf6 rgb(46,203,246)
```
#26d0fe
```
#26d0fe rgb(38,208,254)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8da2a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8adcd Protanopia 1% of men
#a6acdb Deuteranopia 1% of men
#52bdcb Tritanopia 0.001% of the population

Trichromacy

#88b1cf Protanomaly 1% of men, 0.01% of women
#87b0d9 Deuteranomaly 6% of men, 0.4% of women
#51bbce Tritanomaly 0.01% of the population

#50b8d4 hex color

#50b8d4 Color Information

#50b8d4 Color Conversion

Color Schemes with #50b8d4

Alternatives to #50b8d4

#50b8d4 Preview

Shades and Tints of #50b8d4

Tones of #50b8d4

Color Blindness Simulator