#50bbdd hex color

In a RGB color space, hex #50bbdd is composed of 31.4% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 194.5 degrees, a saturation of 67.5% and a lightness of 59%. #50bbdd color hex could be obtained by blending #a0ffff with #0077bb. Closest websafe color is: #66cccc.

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

● #50bbdd color description : Soft cyan.

The hexadecimal color #50bbdd has RGB values of R:80, G:187, B:221 and CMYK values of C:0.64, M:0.15, Y:0, K:0.13. Its decimal value is 5290973.

Hex triplet	50bbdd	`#50bbdd`
RGB Decimal	80, 187, 221	`rgb(80,187,221)`
RGB Percent	31.4, 73.3, 86.7	`rgb(31.4%,73.3%,86.7%)`
CMYK	64, 15, 0, 13
HSL	194.5°, 67.5, 59	`hsl(194.5,67.5%,59%)`
HSV (or HSB)	194.5°, 63.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.19, -20.442, -26.146
XYZ	34.126, 42.464, 74.801
xyY	0.225, 0.28, 42.464
CIE-LCH	71.19, 33.189, 231.98
CIE-LUV	71.19, -42.019, -38.459
Hunter-Lab	65.164, -20.558, -22.442
Binary	01010000, 10111011, 11011101

#50bbdd
```
#50bbdd rgb(80,187,221)
```
#dd7250
```
#dd7250 rgb(221,114,80)
```

Complementary Color

#50ddb9
```
#50ddb9 rgb(80,221,185)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#5075dd
```
#5075dd rgb(80,117,221)
```

Analogous Color

#ddb950
```
#ddb950 rgb(221,185,80)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#dd5075
```
#dd5075 rgb(221,80,117)
```

Split Complementary Color

#bbdd50
```
#bbdd50 rgb(187,221,80)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#dd50bb
```
#dd50bb rgb(221,80,187)
```

Triadic Color

#50dd72
```
#50dd72 rgb(80,221,114)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#dd50bb
```
#dd50bb rgb(221,80,187)
```
#dd7250
```
#dd7250 rgb(221,114,80)
```

Tetradic Color

#2597bc
```
#2597bc rgb(37,151,188)
```
#29a9d1
```
#29a9d1 rgb(41,169,209)
```
#3bb3d9
```
#3bb3d9 rgb(59,179,217)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#65c3e1
```
#65c3e1 rgb(101,195,225)
```
#7bcce5
```
#7bcce5 rgb(123,204,229)
```
#90d4e9
```
#90d4e9 rgb(144,212,233)
```

Monochromatic Color

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

#50dddc
```
#50dddc rgb(80,221,220)
```
#50d3dd
```
#50d3dd rgb(80,211,221)
```
#50c7dd
```
#50c7dd rgb(80,199,221)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#50afdd
```
#50afdd rgb(80,175,221)
```
#50a4dd
```
#50a4dd rgb(80,164,221)
```
#5098dd
```
#5098dd rgb(80,152,221)
```

Similar Colors

Text with hexadecimal color #50bbdd

This text has a font color of #50bbdd.

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

#50bbdd background color

This paragraph has a background color of #50bbdd.

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

#50bbdd border color

This element has a border color of #50bbdd.

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

CSS codes

.text {color:#50bbdd;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041216
```
#041216 rgb(4,18,22)
```
#071f27
```
#071f27 rgb(7,31,39)
```
#0b2c37
```
#0b2c37 rgb(11,44,55)
```
#0e3a47
```
#0e3a47 rgb(14,58,71)
```
#114758
```
#114758 rgb(17,71,88)
```
#145468
```
#145468 rgb(20,84,104)
```
#176179
```
#176179 rgb(23,97,121)
```
#1b6e89
```
#1b6e89 rgb(27,110,137)
```
#1e7c99
```
#1e7c99 rgb(30,124,153)
```
#2189aa
```
#2189aa rgb(33,137,170)
```
#2496ba
```
#2496ba rgb(36,150,186)
```
#27a3cb
```
#27a3cb rgb(39,163,203)
```

Shade Color Variation

#2faed7
```
#2faed7 rgb(47,174,215)
```
#40b5da
```
#40b5da rgb(64,181,218)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#60c1e0
```
#60c1e0 rgb(96,193,224)
```
#71c8e3
```
#71c8e3 rgb(113,200,227)
```
#81cee7
```
#81cee7 rgb(129,206,231)
```
#92d5ea
```
#92d5ea rgb(146,213,234)
```
#a2dbed
```
#a2dbed rgb(162,219,237)
```
#b3e1f0
```
#b3e1f0 rgb(179,225,240)
```
#c3e8f3
```
#c3e8f3 rgb(195,232,243)
```
#d3eef7
```
#d3eef7 rgb(211,238,247)
```
#e4f4fa
```
#e4f4fa rgb(228,244,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

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

#909a9d
```
#909a9d rgb(144,154,157)
```
#889ea5
```
#889ea5 rgb(136,158,165)
```
#80a2ad
```
#80a2ad rgb(128,162,173)
```
#78a6b5
```
#78a6b5 rgb(120,166,181)
```
#70aabd
```
#70aabd rgb(112,170,189)
```
#68afc5
```
#68afc5 rgb(104,175,197)
```
#60b3cd
```
#60b3cd rgb(96,179,205)
```
#58b7d5
```
#58b7d5 rgb(88,183,213)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#48bfe5
```
#48bfe5 rgb(72,191,229)
```
#40c3ed
```
#40c3ed rgb(64,195,237)
```
#38c7f5
```
#38c7f5 rgb(56,199,245)
```
#30ccfd
```
#30ccfd rgb(48,204,253)
```

Tone Color Variation

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

#a9b0d6 Protanopia 1% of men
#a6afe4 Deuteranopia 1% of men
#4fc1cf Tritanopia 0.001% of the population

Trichromacy

#88b4d8 Protanomaly 1% of men, 0.01% of women
#86b3e1 Deuteranomaly 6% of men, 0.4% of women
#4fbfd4 Tritanomaly 0.01% of the population

#50bbdd hex color

#50bbdd Color Information

#50bbdd Color Conversion

Color Schemes with #50bbdd

Alternatives to #50bbdd

#50bbdd Preview

Shades and Tints of #50bbdd

Tones of #50bbdd

Color Blindness Simulator