#50b5b2 hex color

In a RGB color space, hex #50b5b2 is composed of 31.4% red, 71% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 0% magenta, 1.7% yellow and 29% black. It has a hue angle of 178.2 degrees, a saturation of 40.6% and a lightness of 51.2%. #50b5b2 color hex could be obtained by blending #a0ffff with #006b65. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 31
- G 71
- B 70
RGB color chart
- C 56
- M 0
- Y 2
- K 29
CMYK color chart

● #50b5b2 color description : Moderate cyan.

The hexadecimal color #50b5b2 has RGB values of R:80, G:181, B:178 and CMYK values of C:0.56, M:0, Y:0.02, K:0.29. Its decimal value is 5289394.

Hex triplet	50b5b2	`#50b5b2`
RGB Decimal	80, 181, 178	`rgb(80,181,178)`
RGB Percent	31.4, 71, 69.8	`rgb(31.4%,71%,69.8%)`
CMYK	56, 0, 2, 29
HSL	178.2°, 40.6, 51.2	`hsl(178.2,40.6%,51.2%)`
HSV (or HSB)	178.2°, 55.8, 71
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.995, -29.888, -7.371
XYZ	27.866, 37.965, 47.977
xyY	0.245, 0.334, 37.965
CIE-LCH	67.995, 30.784, 193.854
CIE-LUV	67.995, -41.964, -6.532
Hunter-Lab	61.616, -27.102, -3.034
Binary	01010000, 10110101, 10110010

#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#b55053
```
#b55053 rgb(181,80,83)
```

Complementary Color

#50b580
```
#50b580 rgb(80,181,128)
```
#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#5086b5
```
#5086b5 rgb(80,134,181)
```

Analogous Color

#b58050
```
#b58050 rgb(181,128,80)
```
#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#b55086
```
#b55086 rgb(181,80,134)
```

Split Complementary Color

#b5b250
```
#b5b250 rgb(181,178,80)
```
#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#b250b5
```
#b250b5 rgb(178,80,181)
```

Triadic Color

#53b550
```
#53b550 rgb(83,181,80)
```
#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#b250b5
```
#b250b5 rgb(178,80,181)
```
#b55053
```
#b55053 rgb(181,80,83)
```

Tetradic Color

#37827f
```
#37827f rgb(55,130,127)
```
#3e9491
```
#3e9491 rgb(62,148,145)
```
#46a6a3
```
#46a6a3 rgb(70,166,163)
```
#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#62bdba
```
#62bdba rgb(98,189,186)
```
#74c4c2
```
#74c4c2 rgb(116,196,194)
```
#86ccca
```
#86ccca rgb(134,204,202)
```

Monochromatic Color

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

#50b599
```
#50b599 rgb(80,181,153)
```
#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#50b5aa
```
#50b5aa rgb(80,181,170)
```
#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#50b0b5
```
#50b0b5 rgb(80,176,181)
```
#50a7b5
```
#50a7b5 rgb(80,167,181)
```
#509fb5
```
#509fb5 rgb(80,159,181)
```

Similar Colors

Text with hexadecimal color #50b5b2

This text has a font color of #50b5b2.

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

#50b5b2 background color

This paragraph has a background color of #50b5b2.

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

#50b5b2 border color

This element has a border color of #50b5b2.

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

CSS codes

.text {color:#50b5b2;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#081212
```
#081212 rgb(8,18,18)
```
#0d201f
```
#0d201f rgb(13,32,31)
```
#132e2d
```
#132e2d rgb(19,46,45)
```
#193b3a
```
#193b3a rgb(25,59,58)
```
#1f4948
```
#1f4948 rgb(31,73,72)
```
#255755
```
#255755 rgb(37,87,85)
```
#2b6563
```
#2b6563 rgb(43,101,99)
```
#307371
```
#307371 rgb(48,115,113)
```
#36807e
```
#36807e rgb(54,128,126)
```
#3c8e8c
```
#3c8e8c rgb(60,142,140)
```
#429c99
```
#429c99 rgb(66,156,153)
```
#48aaa7
```
#48aaa7 rgb(72,170,167)
```

Shade Color Variation

#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#5ebbb8
```
#5ebbb8 rgb(94,187,184)
```
#6cc1be
```
#6cc1be rgb(108,193,190)
```
#79c6c4
```
#79c6c4 rgb(121,198,196)
```
#87ccca
```
#87ccca rgb(135,204,202)
```
#95d2d0
```
#95d2d0 rgb(149,210,208)
```
#a3d8d6
```
#a3d8d6 rgb(163,216,214)
```
#b1dedc
```
#b1dedc rgb(177,222,220)
```
#bee4e3
```
#bee4e3 rgb(190,228,227)
```
#cce9e9
```
#cce9e9 rgb(204,233,233)
```
#daefef
```
#daefef rgb(218,239,239)
```
#e8f5f5
```
#e8f5f5 rgb(232,245,245)
```
#f5fbfb
```
#f5fbfb rgb(245,251,251)
```

Tint Color Variation

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

#808585
```
#808585 rgb(128,133,133)
```
#768f8e
```
#768f8e rgb(118,143,142)
```
#6d9897
```
#6d9897 rgb(109,152,151)
```
#63a2a0
```
#63a2a0 rgb(99,162,160)
```
#5aaba9
```
#5aaba9 rgb(90,171,169)
```
#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#46bfbb
```
#46bfbb rgb(70,191,187)
```
#3dc8c4
```
#3dc8c4 rgb(61,200,196)
```
#33d2cd
```
#33d2cd rgb(51,210,205)
```
#2adbd6
```
#2adbd6 rgb(42,219,214)
```
#20e5df
```
#20e5df rgb(32,229,223)
```
#17eee8
```
#17eee8 rgb(23,238,232)
```
#0df8f1
```
#0df8f1 rgb(13,248,241)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#889c9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca9ad Protanopia 1% of men
#b1a6bc Deuteranopia 1% of men
#5fb6c3 Tritanopia 0.001% of the population

Trichromacy

#8aadaf Protanomaly 1% of men, 0.01% of women
#8dabb8 Deuteranomaly 6% of men, 0.4% of women
#5ab6bd Tritanomaly 0.01% of the population

#50b5b2 hex color

#50b5b2 Color Information

#50b5b2 Color Conversion

Color Schemes with #50b5b2

Alternatives to #50b5b2

#50b5b2 Preview

Shades and Tints of #50b5b2

Tones of #50b5b2

Color Blindness Simulator