#50b5a1 hex color

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

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

● #50b5a1 color description : Moderate cyan.

The hexadecimal color #50b5a1 has RGB values of R:80, G:181, B:161 and CMYK values of C:0.56, M:0, Y:0.11, K:0.29. Its decimal value is 5289377.

Hex triplet	50b5a1	`#50b5a1`
RGB Decimal	80, 181, 161	`rgb(80,181,161)`
RGB Percent	31.4, 71, 63.1	`rgb(31.4%,71%,63.1%)`
CMYK	56, 0, 11, 29
HSL	168.1°, 40.6, 51.2	`hsl(168.1,40.6%,51.2%)`
HSV (or HSB)	168.1°, 55.8, 71
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.52, -34.333, 1.315
XYZ	26.263, 37.324, 39.537
xyY	0.255, 0.362, 37.324
CIE-LCH	67.52, 34.358, 177.806
CIE-LUV	67.52, -42.812, 7.305
Hunter-Lab	61.094, -30.18, 4.396
Binary	01010000, 10110101, 10100001

#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#b55064
```
#b55064 rgb(181,80,100)
```

Complementary Color

#50b56f
```
#50b56f rgb(80,181,111)
```
#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#5097b5
```
#5097b5 rgb(80,151,181)
```

Analogous Color

#b56f50
```
#b56f50 rgb(181,111,80)
```
#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#b55097
```
#b55097 rgb(181,80,151)
```

Split Complementary Color

#b5a150
```
#b5a150 rgb(181,161,80)
```
#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#a150b5
```
#a150b5 rgb(161,80,181)
```

Triadic Color

#64b550
```
#64b550 rgb(100,181,80)
```
#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#a150b5
```
#a150b5 rgb(161,80,181)
```
#b55064
```
#b55064 rgb(181,80,100)
```

Tetradic Color

#378273
```
#378273 rgb(55,130,115)
```
#3e9483
```
#3e9483 rgb(62,148,131)
```
#46a693
```
#46a693 rgb(70,166,147)
```
#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#62bdab
```
#62bdab rgb(98,189,171)
```
#74c4b4
```
#74c4b4 rgb(116,196,180)
```
#86ccbe
```
#86ccbe rgb(134,204,190)
```

Monochromatic Color

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

#50b588
```
#50b588 rgb(80,181,136)
```
#50b590
```
#50b590 rgb(80,181,144)
```
#50b599
```
#50b599 rgb(80,181,153)
```
#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#50b5a9
```
#50b5a9 rgb(80,181,169)
```
#50b5b2
```
#50b5b2 rgb(80,181,178)
```
#50b0b5
```
#50b0b5 rgb(80,176,181)
```

Similar Colors

Text with hexadecimal color #50b5a1

This text has a font color of #50b5a1.

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

#50b5a1 background color

This paragraph has a background color of #50b5a1.

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

#50b5a1 border color

This element has a border color of #50b5a1.

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

CSS codes

.text {color:#50b5a1;}

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

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

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 #f5fbfa is the lightest one.

#020404
```
#020404 rgb(2,4,4)
```
#081210
```
#081210 rgb(8,18,16)
```
#0d201c
```
#0d201c rgb(13,32,28)
```
#132e28
```
#132e28 rgb(19,46,40)
```
#193b35
```
#193b35 rgb(25,59,53)
```
#1f4941
```
#1f4941 rgb(31,73,65)
```
#25574d
```
#25574d rgb(37,87,77)
```
#2b6559
```
#2b6559 rgb(43,101,89)
```
#307365
```
#307365 rgb(48,115,101)
```
#368072
```
#368072 rgb(54,128,114)
```
#3c8e7e
```
#3c8e7e rgb(60,142,126)
```
#429c8a
```
#429c8a rgb(66,156,138)
```
#48aa96
```
#48aa96 rgb(72,170,150)
```

Shade Color Variation

#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#5ebba8
```
#5ebba8 rgb(94,187,168)
```
#6cc1b0
```
#6cc1b0 rgb(108,193,176)
```
#79c6b7
```
#79c6b7 rgb(121,198,183)
```
#87ccbf
```
#87ccbf rgb(135,204,191)
```
#95d2c6
```
#95d2c6 rgb(149,210,198)
```
#a3d8cd
```
#a3d8cd rgb(163,216,205)
```
#b1ded5
```
#b1ded5 rgb(177,222,213)
```
#bee4dc
```
#bee4dc rgb(190,228,220)
```
#cce9e4
```
#cce9e4 rgb(204,233,228)
```
#daefeb
```
#daefeb rgb(218,239,235)
```
#e8f5f2
```
#e8f5f2 rgb(232,245,242)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

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

#808584
```
#808584 rgb(128,133,132)
```
#768f8a
```
#768f8a rgb(118,143,138)
```
#6d9890
```
#6d9890 rgb(109,152,144)
```
#63a295
```
#63a295 rgb(99,162,149)
```
#5aab9b
```
#5aab9b rgb(90,171,155)
```
#50b5a1
```
#50b5a1 rgb(80,181,161)
```
#46bfa7
```
#46bfa7 rgb(70,191,167)
```
#3dc8ad
```
#3dc8ad rgb(61,200,173)
```
#33d2b2
```
#33d2b2 rgb(51,210,178)
```
#2adbb8
```
#2adbb8 rgb(42,219,184)
```
#20e5be
```
#20e5be rgb(32,229,190)
```
#17eec4
```
#17eec4 rgb(23,238,196)
```
#0df8c9
```
#0df8c9 rgb(13,248,201)
```

Tone Color Variation

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

Dichromacy

#aea89d Protanopia 1% of men
#b6a4ad Deuteranopia 1% of men
#65b4c1 Tritanopia 0.001% of the population

Trichromacy

#8cad9e Protanomaly 1% of men, 0.01% of women
#91aaa8 Deuteranomaly 6% of men, 0.4% of women
#5db4b5 Tritanomaly 0.01% of the population

#50b5a1 hex color

#50b5a1 Color Information

#50b5a1 Color Conversion

Color Schemes with #50b5a1

Alternatives to #50b5a1

#50b5a1 Preview

Shades and Tints of #50b5a1

Tones of #50b5a1

Color Blindness Simulator