#50b1bb hex color

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

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

● #50b1bb color description : Moderate cyan.

The hexadecimal color #50b1bb has RGB values of R:80, G:177, B:187 and CMYK values of C:0.57, M:0.05, Y:0, K:0.27. Its decimal value is 5288379.

Hex triplet	50b1bb	`#50b1bb`
RGB Decimal	80, 177, 187	`rgb(80,177,187)`
RGB Percent	31.4, 69.4, 73.3	`rgb(31.4%,69.4%,73.3%)`
CMYK	57, 5, 0, 27
HSL	185.6°, 44, 52.4	`hsl(185.6,44%,52.4%)`
HSV (or HSB)	185.6°, 57.2, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.078, -25.412, -13.718
XYZ	27.998, 36.735, 52.626
xyY	0.239, 0.313, 36.735
CIE-LCH	67.078, 28.878, 208.36
CIE-LUV	67.078, -39.997, -17.16
Hunter-Lab	60.61, -23.613, -9.053
Binary	01010000, 10110001, 10111011

#50b1bb
```
#50b1bb rgb(80,177,187)
```
#bb5a50
```
#bb5a50 rgb(187,90,80)
```

Complementary Color

#50bb90
```
#50bb90 rgb(80,187,144)
```
#50b1bb
```
#50b1bb rgb(80,177,187)
```
#507cbb
```
#507cbb rgb(80,124,187)
```

Analogous Color

#bb9050
```
#bb9050 rgb(187,144,80)
```
#50b1bb
```
#50b1bb rgb(80,177,187)
```
#bb507c
```
#bb507c rgb(187,80,124)
```

Split Complementary Color

#b1bb50
```
#b1bb50 rgb(177,187,80)
```
#50b1bb
```
#50b1bb rgb(80,177,187)
```
#bb50b1
```
#bb50b1 rgb(187,80,177)
```

Triadic Color

#50bb5a
```
#50bb5a rgb(80,187,90)
```
#50b1bb
```
#50b1bb rgb(80,177,187)
```
#bb50b1
```
#bb50b1 rgb(187,80,177)
```
#bb5a50
```
#bb5a50 rgb(187,90,80)
```

Tetradic Color

#358189
```
#358189 rgb(53,129,137)
```
#3c939c
```
#3c939c rgb(60,147,156)
```
#44a4ae
```
#44a4ae rgb(68,164,174)
```
#50b1bb
```
#50b1bb rgb(80,177,187)
```
#62b9c2
```
#62b9c2 rgb(98,185,194)
```
#75c1c9
```
#75c1c9 rgb(117,193,201)
```
#87cad0
```
#87cad0 rgb(135,202,208)
```

Monochromatic Color

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

#50bbaa
```
#50bbaa rgb(80,187,170)
```
#50bbb3
```
#50bbb3 rgb(80,187,179)
```
#50babb
```
#50babb rgb(80,186,187)
```
#50b1bb
```
#50b1bb rgb(80,177,187)
```
#50a8bb
```
#50a8bb rgb(80,168,187)
```
#509fbb
```
#509fbb rgb(80,159,187)
```
#5096bb
```
#5096bb rgb(80,150,187)
```

Similar Colors

Text with hexadecimal color #50b1bb

This text has a font color of #50b1bb.

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

#50b1bb background color

This paragraph has a background color of #50b1bb.

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

#50b1bb border color

This element has a border color of #50b1bb.

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

CSS codes

.text {color:#50b1bb;}

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

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

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)
```
#1f4b4f
```
#1f4b4f rgb(31,75,79)
```
#24585d
```
#24585d rgb(36,88,93)
```
#2a656c
```
#2a656c rgb(42,101,108)
```
#2f737a
```
#2f737a rgb(47,115,122)
```
#358088
```
#358088 rgb(53,128,136)
```
#3a8d96
```
#3a8d96 rgb(58,141,150)
```
#409ba4
```
#409ba4 rgb(64,155,164)
```
#45a8b2
```
#45a8b2 rgb(69,168,178)
```

Shade Color Variation

#50b1bb
```
#50b1bb rgb(80,177,187)
```
#5eb7c0
```
#5eb7c0 rgb(94,183,192)
```
#6cbec6
```
#6cbec6 rgb(108,190,198)
```
#7ac4cb
```
#7ac4cb rgb(122,196,203)
```
#89cad1
```
#89cad1 rgb(137,202,209)
```
#97d0d6
```
#97d0d6 rgb(151,208,214)
```
#a5d7dc
```
#a5d7dc rgb(165,215,220)
```
#b3dde1
```
#b3dde1 rgb(179,221,225)
```
#c1e3e7
```
#c1e3e7 rgb(193,227,231)
```
#cfeaec
```
#cfeaec rgb(207,234,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 #0fe6fc is the most saturated one.

#7f8b8c
```
#7f8b8c rgb(127,139,140)
```
#759396
```
#759396 rgb(117,147,150)
```
#6c9a9f
```
#6c9a9f rgb(108,154,159)
```
#63a2a8
```
#63a2a8 rgb(99,162,168)
```
#59a9b2
```
#59a9b2 rgb(89,169,178)
```
#50b1bb
```
#50b1bb rgb(80,177,187)
```
#47b9c4
```
#47b9c4 rgb(71,185,196)
```
#3dc0ce
```
#3dc0ce rgb(61,192,206)
```
#34c8d7
```
#34c8d7 rgb(52,200,215)
```
#2bcfe0
```
#2bcfe0 rgb(43,207,224)
```
#21d7ea
```
#21d7ea rgb(33,215,234)
```
#18dff3
```
#18dff3 rgb(24,223,243)
```
#0fe6fc
```
#0fe6fc rgb(15,230,252)
```

Tone Color Variation

Below, you can see how #50b1bb 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
#879b9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a6b6 Protanopia 1% of men
#a8a4c4 Deuteranopia 1% of men
#5ab4c1 Tritanopia 0.001% of the population

Trichromacy

#86aab8 Protanomaly 1% of men, 0.01% of women
#88a9c1 Deuteranomaly 6% of men, 0.4% of women
#56b3bf Tritanomaly 0.01% of the population

#50b1bb hex color

#50b1bb Color Information

#50b1bb Color Conversion

Color Schemes with #50b1bb

Alternatives to #50b1bb

#50b1bb Preview

Shades and Tints of #50b1bb

Tones of #50b1bb

Color Blindness Simulator