#50bcdf hex color

In a RGB color space, hex #50bcdf is composed of 31.4% red, 73.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 15.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 194.7 degrees, a saturation of 69.1% and a lightness of 59.4%. #50bcdf color hex could be obtained by blending #a0ffff with #0079bf. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 31
- G 74
- B 87
RGB color chart
- C 64
- M 16
- Y 0
- K 13
CMYK color chart

● #50bcdf color description : Soft cyan.

The hexadecimal color #50bcdf has RGB values of R:80, G:188, B:223 and CMYK values of C:0.64, M:0.16, Y:0, K:0.13. Its decimal value is 5291231.

Hex triplet	50bcdf	`#50bcdf`
RGB Decimal	80, 188, 223	`rgb(80,188,223)`
RGB Percent	31.4, 73.7, 87.5	`rgb(31.4%,73.7%,87.5%)`
CMYK	64, 16, 0, 13
HSL	194.7°, 69.1, 59.4	`hsl(194.7,69.1%,59.4%)`
HSV (or HSB)	194.7°, 64.1, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.553, -20.346, -26.678
XYZ	34.607, 42.997, 76.283
xyY	0.225, 0.279, 42.997
CIE-LCH	71.553, 33.552, 232.669
CIE-LUV	71.553, -42.281, -39.392
Hunter-Lab	65.572, -20.543, -23.075
Binary	01010000, 10111100, 11011111

#50bcdf
```
#50bcdf rgb(80,188,223)
```
#df7350
```
#df7350 rgb(223,115,80)
```

Complementary Color

#50dfbb
```
#50dfbb rgb(80,223,187)
```
#50bcdf
```
#50bcdf rgb(80,188,223)
```
#5075df
```
#5075df rgb(80,117,223)
```

Analogous Color

#dfbb50
```
#dfbb50 rgb(223,187,80)
```
#50bcdf
```
#50bcdf rgb(80,188,223)
```
#df5075
```
#df5075 rgb(223,80,117)
```

Split Complementary Color

#bcdf50
```
#bcdf50 rgb(188,223,80)
```
#50bcdf
```
#50bcdf rgb(80,188,223)
```
#df50bc
```
#df50bc rgb(223,80,188)
```

Triadic Color

#50df73
```
#50df73 rgb(80,223,115)
```
#50bcdf
```
#50bcdf rgb(80,188,223)
```
#df50bc
```
#df50bc rgb(223,80,188)
```
#df7350
```
#df7350 rgb(223,115,80)
```

Tetradic Color

#2399bf
```
#2399bf rgb(35,153,191)
```
#27aad5
```
#27aad5 rgb(39,170,213)
```
#3ab4db
```
#3ab4db rgb(58,180,219)
```
#50bcdf
```
#50bcdf rgb(80,188,223)
```
#66c4e3
```
#66c4e3 rgb(102,196,227)
```
#7bcde7
```
#7bcde7 rgb(123,205,231)
```
#91d5eb
```
#91d5eb rgb(145,213,235)
```

Monochromatic Color

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

#50dfde
```
#50dfde rgb(80,223,222)
```
#50d4df
```
#50d4df rgb(80,212,223)
```
#50c8df
```
#50c8df rgb(80,200,223)
```
#50bcdf
```
#50bcdf rgb(80,188,223)
```
#50b0df
```
#50b0df rgb(80,176,223)
```
#50a4df
```
#50a4df rgb(80,164,223)
```
#5098df
```
#5098df rgb(80,152,223)
```

Similar Colors

Text with hexadecimal color #50bcdf

This text has a font color of #50bcdf.

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

#50bcdf background color

This paragraph has a background color of #50bcdf.

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

#50bcdf border color

This element has a border color of #50bcdf.

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

CSS codes

.text {color:#50bcdf;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#041318
```
#041318 rgb(4,19,24)
```
#072029
```
#072029 rgb(7,32,41)
```
#0a2e39
```
#0a2e39 rgb(10,46,57)
```
#0d3b4a
```
#0d3b4a rgb(13,59,74)
```
#11485a
```
#11485a rgb(17,72,90)
```
#14566b
```
#14566b rgb(20,86,107)
```
#17637b
```
#17637b rgb(23,99,123)
```
#1a708c
```
#1a708c rgb(26,112,140)
```
#1d7d9d
```
#1d7d9d rgb(29,125,157)
```
#208bad
```
#208bad rgb(32,139,173)
```
#2398be
```
#2398be rgb(35,152,190)
```
#26a5ce
```
#26a5ce rgb(38,165,206)
```

Shade Color Variation

#2fafd9
```
#2fafd9 rgb(47,175,217)
```
#3fb6dc
```
#3fb6dc rgb(63,182,220)
```
#50bcdf
```
#50bcdf rgb(80,188,223)
```
#61c2e2
```
#61c2e2 rgb(97,194,226)
```
#71c9e5
```
#71c9e5 rgb(113,201,229)
```
#82cfe8
```
#82cfe8 rgb(130,207,232)
```
#92d5eb
```
#92d5eb rgb(146,213,235)
```
#a3dcee
```
#a3dcee rgb(163,220,238)
```
#b3e2f1
```
#b3e2f1 rgb(179,226,241)
```
#c4e8f4
```
#c4e8f4 rgb(196,232,244)
```
#d5eff7
```
#d5eff7 rgb(213,239,247)
```
#e5f5fa
```
#e5f5fa rgb(229,245,250)
```
#f6fbfd
```
#f6fbfd rgb(246,251,253)
```

Tint Color Variation

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

#909b9f
```
#909b9f rgb(144,155,159)
```
#88a0a7
```
#88a0a7 rgb(136,160,167)
```
#80a4af
```
#80a4af rgb(128,164,175)
```
#78a8b7
```
#78a8b7 rgb(120,168,183)
```
#70acbf
```
#70acbf rgb(112,172,191)
```
#68b0c7
```
#68b0c7 rgb(104,176,199)
```
#60b4cf
```
#60b4cf rgb(96,180,207)
```
#58b8d7
```
#58b8d7 rgb(88,184,215)
```
#50bcdf
```
#50bcdf rgb(80,188,223)
```
#48c0e7
```
#48c0e7 rgb(72,192,231)
```
#40c4ef
```
#40c4ef rgb(64,196,239)
```
#38c8f7
```
#38c8f7 rgb(56,200,247)
```
#30ccff
```
#30ccff rgb(48,204,255)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#90a6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d7 Protanopia 1% of men
#a6b0e6 Deuteranopia 1% of men
#4ec2d0 Tritanopia 0.001% of the population

Trichromacy

#89b5da Protanomaly 1% of men, 0.01% of women
#87b4e3 Deuteranomaly 6% of men, 0.4% of women
#4fc0d5 Tritanomaly 0.01% of the population

#50bcdf hex color

#50bcdf Color Information

#50bcdf Color Conversion

Color Schemes with #50bcdf

Alternatives to #50bcdf

#50bcdf Preview

Shades and Tints of #50bcdf

Tones of #50bcdf

Color Blindness Simulator