#50b0bb hex color

In a RGB color space, hex #50b0bb is composed of 31.4% red, 69% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 5.9% magenta, 0% yellow and 26.7% black. It has a hue angle of 186.2 degrees, a saturation of 44% and a lightness of 52.4%. #50b0bb color hex could be obtained by blending #a0ffff with #006177. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 69
- B 73
RGB color chart
- C 57
- M 6
- Y 0
- K 27
CMYK color chart

● #50b0bb color description : Moderate cyan.

The hexadecimal color #50b0bb has RGB values of R:80, G:176, B:187 and CMYK values of C:0.57, M:0.06, Y:0, K:0.27. Its decimal value is 5288123.

Hex triplet	50b0bb	`#50b0bb`
RGB Decimal	80, 176, 187	`rgb(80,176,187)`
RGB Percent	31.4, 69, 73.3	`rgb(31.4%,69%,73.3%)`
CMYK	57, 6, 0, 27
HSL	186.2°, 44, 52.4	`hsl(186.2,44%,52.4%)`
HSV (or HSB)	186.2°, 57.2, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.78, -24.91, -14.166
XYZ	27.801, 36.342, 52.561
xyY	0.238, 0.311, 36.342
CIE-LCH	66.78, 28.656, 209.626
CIE-LUV	66.78, -39.617, -17.936
Hunter-Lab	60.284, -23.18, -9.495
Binary	01010000, 10110000, 10111011

#50b0bb
```
#50b0bb rgb(80,176,187)
```
#bb5b50
```
#bb5b50 rgb(187,91,80)
```

Complementary Color

#50bb91
```
#50bb91 rgb(80,187,145)
```
#50b0bb
```
#50b0bb rgb(80,176,187)
```
#507bbb
```
#507bbb rgb(80,123,187)
```

Analogous Color

#bb9150
```
#bb9150 rgb(187,145,80)
```
#50b0bb
```
#50b0bb rgb(80,176,187)
```
#bb507b
```
#bb507b rgb(187,80,123)
```

Split Complementary Color

#b0bb50
```
#b0bb50 rgb(176,187,80)
```
#50b0bb
```
#50b0bb rgb(80,176,187)
```
#bb50b0
```
#bb50b0 rgb(187,80,176)
```

Triadic Color

#50bb5b
```
#50bb5b rgb(80,187,91)
```
#50b0bb
```
#50b0bb rgb(80,176,187)
```
#bb50b0
```
#bb50b0 rgb(187,80,176)
```
#bb5b50
```
#bb5b50 rgb(187,91,80)
```

Tetradic Color

#358189
```
#358189 rgb(53,129,137)
```
#3c929c
```
#3c929c rgb(60,146,156)
```
#44a3ae
```
#44a3ae rgb(68,163,174)
```
#50b0bb
```
#50b0bb rgb(80,176,187)
```
#62b8c2
```
#62b8c2 rgb(98,184,194)
```
#75c1c9
```
#75c1c9 rgb(117,193,201)
```
#87c9d0
```
#87c9d0 rgb(135,201,208)
```

Monochromatic Color

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

#50bbab
```
#50bbab rgb(80,187,171)
```
#50bbb4
```
#50bbb4 rgb(80,187,180)
```
#50b9bb
```
#50b9bb rgb(80,185,187)
```
#50b0bb
```
#50b0bb rgb(80,176,187)
```
#50a7bb
```
#50a7bb rgb(80,167,187)
```
#509ebb
```
#509ebb rgb(80,158,187)
```
#5095bb
```
#5095bb rgb(80,149,187)
```

Similar Colors

Text with hexadecimal color #50b0bb

This text has a font color of #50b0bb.

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

#50b0bb background color

This paragraph has a background color of #50b0bb.

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

#50b0bb border color

This element has a border color of #50b0bb.

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

CSS codes

.text {color:#50b0bb;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#091517
```
#091517 rgb(9,21,23)
```
#0e2325
```
#0e2325 rgb(14,35,37)
```
#143033
```
#143033 rgb(20,48,51)
```
#193d41
```
#193d41 rgb(25,61,65)
```
#1f4a4f
```
#1f4a4f rgb(31,74,79)
```
#24585d
```
#24585d rgb(36,88,93)
```
#2a656c
```
#2a656c rgb(42,101,108)
```
#2f727a
```
#2f727a rgb(47,114,122)
```
#357f88
```
#357f88 rgb(53,127,136)
```
#3a8c96
```
#3a8c96 rgb(58,140,150)
```
#409aa4
```
#409aa4 rgb(64,154,164)
```
#45a7b2
```
#45a7b2 rgb(69,167,178)
```

Shade Color Variation

#50b0bb
```
#50b0bb rgb(80,176,187)
```
#5eb6c0
```
#5eb6c0 rgb(94,182,192)
```
#6cbdc6
```
#6cbdc6 rgb(108,189,198)
```
#7ac3cb
```
#7ac3cb rgb(122,195,203)
```
#89cad1
```
#89cad1 rgb(137,202,209)
```
#97d0d6
```
#97d0d6 rgb(151,208,214)
```
#a5d6dc
```
#a5d6dc rgb(165,214,220)
```
#b3dde1
```
#b3dde1 rgb(179,221,225)
```
#c1e3e7
```
#c1e3e7 rgb(193,227,231)
```
#cfe9ec
```
#cfe9ec rgb(207,233,236)
```
#ddf0f2
```
#ddf0f2 rgb(221,240,242)
```
#ebf6f7
```
#ebf6f7 rgb(235,246,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8b8c is the less saturated color, while #0fe4fc is the most saturated one.

#7f8b8c
```
#7f8b8c rgb(127,139,140)
```
#759296
```
#759296 rgb(117,146,150)
```
#6c9a9f
```
#6c9a9f rgb(108,154,159)
```
#63a1a8
```
#63a1a8 rgb(99,161,168)
```
#59a9b2
```
#59a9b2 rgb(89,169,178)
```
#50b0bb
```
#50b0bb rgb(80,176,187)
```
#47b7c4
```
#47b7c4 rgb(71,183,196)
```
#3dbfce
```
#3dbfce rgb(61,191,206)
```
#34c6d7
```
#34c6d7 rgb(52,198,215)
```
#2bcee0
```
#2bcee0 rgb(43,206,224)
```
#21d5ea
```
#21d5ea rgb(33,213,234)
```
#18ddf3
```
#18ddf3 rgb(24,221,243)
```
#0fe4fc
```
#0fe4fc rgb(15,228,252)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#879a9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6b6 Protanopia 1% of men
#a7a3c4 Deuteranopia 1% of men
#5ab3c0 Tritanopia 0.001% of the population

Trichromacy

#86a9b8 Protanomaly 1% of men, 0.01% of women
#87a8c1 Deuteranomaly 6% of men, 0.4% of women
#56b2be Tritanomaly 0.01% of the population

#50b0bb hex color

#50b0bb Color Information

#50b0bb Color Conversion

Color Schemes with #50b0bb

Alternatives to #50b0bb

#50b0bb Preview

Shades and Tints of #50b0bb

Tones of #50b0bb

Color Blindness Simulator