#50bcdc hex color

In a RGB color space, hex #50bcdc is composed of 31.4% red, 73.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 14.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 193.7 degrees, a saturation of 66.7% and a lightness of 58.8%. #50bcdc color hex could be obtained by blending #a0ffff with #0079b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 31
- G 74
- B 86
RGB color chart
- C 64
- M 15
- Y 0
- K 14
CMYK color chart

● #50bcdc color description : Soft cyan.

The hexadecimal color #50bcdc has RGB values of R:80, G:188, B:220 and CMYK values of C:0.64, M:0.15, Y:0, K:0.14. Its decimal value is 5291228.

Hex triplet	50bcdc	`#50bcdc`
RGB Decimal	80, 188, 220	`rgb(80,188,220)`
RGB Percent	31.4, 73.7, 86.3	`rgb(31.4%,73.7%,86.3%)`
CMYK	64, 15, 0, 14
HSL	193.7°, 66.7, 58.8	`hsl(193.7,66.7%,58.8%)`
HSV (or HSB)	193.7°, 63.6, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.444, -21.261, -25.212
XYZ	34.206, 42.837, 74.172
xyY	0.226, 0.283, 42.837
CIE-LCH	71.444, 32.98, 229.86
CIE-LUV	71.444, -42.434, -36.801
Hunter-Lab	65.45, -21.246, -21.377
Binary	01010000, 10111100, 11011100

#50bcdc
```
#50bcdc rgb(80,188,220)
```
#dc7050
```
#dc7050 rgb(220,112,80)
```

Complementary Color

#50dcb6
```
#50dcb6 rgb(80,220,182)
```
#50bcdc
```
#50bcdc rgb(80,188,220)
```
#5076dc
```
#5076dc rgb(80,118,220)
```

Analogous Color

#dcb650
```
#dcb650 rgb(220,182,80)
```
#50bcdc
```
#50bcdc rgb(80,188,220)
```
#dc5076
```
#dc5076 rgb(220,80,118)
```

Split Complementary Color

#bcdc50
```
#bcdc50 rgb(188,220,80)
```
#50bcdc
```
#50bcdc rgb(80,188,220)
```
#dc50bc
```
#dc50bc rgb(220,80,188)
```

Triadic Color

#50dc70
```
#50dc70 rgb(80,220,112)
```
#50bcdc
```
#50bcdc rgb(80,188,220)
```
#dc50bc
```
#dc50bc rgb(220,80,188)
```
#dc7050
```
#dc7050 rgb(220,112,80)
```

Tetradic Color

#2598ba
```
#2598ba rgb(37,152,186)
```
#2aaad0
```
#2aaad0 rgb(42,170,208)
```
#3bb4d8
```
#3bb4d8 rgb(59,180,216)
```
#50bcdc
```
#50bcdc rgb(80,188,220)
```
#65c4e0
```
#65c4e0 rgb(101,196,224)
```
#7bcce5
```
#7bcce5 rgb(123,204,229)
```
#90d4e9
```
#90d4e9 rgb(144,212,233)
```

Monochromatic Color

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

#50dcd9
```
#50dcd9 rgb(80,220,217)
```
#50d3dc
```
#50d3dc rgb(80,211,220)
```
#50c8dc
```
#50c8dc rgb(80,200,220)
```
#50bcdc
```
#50bcdc rgb(80,188,220)
```
#50b0dc
```
#50b0dc rgb(80,176,220)
```
#50a5dc
```
#50a5dc rgb(80,165,220)
```
#5099dc
```
#5099dc rgb(80,153,220)
```

Similar Colors

Text with hexadecimal color #50bcdc

This text has a font color of #50bcdc.

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

#50bcdc background color

This paragraph has a background color of #50bcdc.

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

#50bcdc border color

This element has a border color of #50bcdc.

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

CSS codes

.text {color:#50bcdc;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#041115
```
#041115 rgb(4,17,21)
```
#081f26
```
#081f26 rgb(8,31,38)
```
#0b2c36
```
#0b2c36 rgb(11,44,54)
```
#0e3946
```
#0e3946 rgb(14,57,70)
```
#114757
```
#114757 rgb(17,71,87)
```
#155467
```
#155467 rgb(21,84,103)
```
#186177
```
#186177 rgb(24,97,119)
```
#1b6f88
```
#1b6f88 rgb(27,111,136)
```
#1e7c98
```
#1e7c98 rgb(30,124,152)
```
#228aa8
```
#228aa8 rgb(34,138,168)
```
#2597b9
```
#2597b9 rgb(37,151,185)
```
#28a4c9
```
#28a4c9 rgb(40,164,201)
```

Shade Color Variation

#2fafd5
```
#2fafd5 rgb(47,175,213)
```
#40b6d9
```
#40b6d9 rgb(64,182,217)
```
#50bcdc
```
#50bcdc rgb(80,188,220)
```
#60c2df
```
#60c2df rgb(96,194,223)
```
#71c9e3
```
#71c9e3 rgb(113,201,227)
```
#81cfe6
```
#81cfe6 rgb(129,207,230)
```
#91d5e9
```
#91d5e9 rgb(145,213,233)
```
#a2dbec
```
#a2dbec rgb(162,219,236)
```
#b2e2f0
```
#b2e2f0 rgb(178,226,240)
```
#c2e8f3
```
#c2e8f3 rgb(194,232,243)
```
#d3eef6
```
#d3eef6 rgb(211,238,246)
```
#e3f4f9
```
#e3f4f9 rgb(227,244,249)
```
#f3fbfd
```
#f3fbfd rgb(243,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91999b is the less saturated color, while #30cefc is the most saturated one.

#91999b
```
#91999b rgb(145,153,155)
```
#899da3
```
#899da3 rgb(137,157,163)
```
#80a2ac
```
#80a2ac rgb(128,162,172)
```
#78a6b4
```
#78a6b4 rgb(120,166,180)
```
#70aabc
```
#70aabc rgb(112,170,188)
```
#68afc4
```
#68afc4 rgb(104,175,196)
```
#60b3cc
```
#60b3cc rgb(96,179,204)
```
#58b8d4
```
#58b8d4 rgb(88,184,212)
```
#50bcdc
```
#50bcdc rgb(80,188,220)
```
#48c0e4
```
#48c0e4 rgb(72,192,228)
```
#40c5ec
```
#40c5ec rgb(64,197,236)
```
#38c9f4
```
#38c9f4 rgb(56,201,244)
```
#30cefc
```
#30cefc rgb(48,206,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8fa5ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d5 Protanopia 1% of men
#a8b0e3 Deuteranopia 1% of men
#50c1d0 Tritanopia 0.001% of the population

Trichromacy

#89b5d7 Protanomaly 1% of men, 0.01% of women
#88b4e0 Deuteranomaly 6% of men, 0.4% of women
#50bfd4 Tritanomaly 0.01% of the population

#50bcdc hex color

#50bcdc Color Information

#50bcdc Color Conversion

Color Schemes with #50bcdc

Alternatives to #50bcdc

#50bcdc Preview

Shades and Tints of #50bcdc

Tones of #50bcdc

Color Blindness Simulator