#50b5a4 hex color

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

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

● #50b5a4 color description : Moderate cyan.

The hexadecimal color #50b5a4 has RGB values of R:80, G:181, B:164 and CMYK values of C:0.56, M:0, Y:0.09, K:0.29. Its decimal value is 5289380.

Hex triplet	50b5a4	`#50b5a4`
RGB Decimal	80, 181, 164	`rgb(80,181,164)`
RGB Percent	31.4, 71, 64.3	`rgb(31.4%,71%,64.3%)`
CMYK	56, 0, 9, 29
HSL	169.9°, 40.6, 51.2	`hsl(169.9,40.6%,51.2%)`
HSV (or HSB)	169.9°, 55.8, 71
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.6, -33.574, -0.224
XYZ	26.531, 37.432, 40.947
xyY	0.253, 0.357, 37.432
CIE-LCH	67.6, 33.574, 180.382
CIE-LUV	67.6, -42.663, 4.908
Hunter-Lab	61.181, -29.662, 3.146
Binary	01010000, 10110101, 10100100

#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#b55061
```
#b55061 rgb(181,80,97)
```

Complementary Color

#50b572
```
#50b572 rgb(80,181,114)
```
#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#5094b5
```
#5094b5 rgb(80,148,181)
```

Analogous Color

#b57250
```
#b57250 rgb(181,114,80)
```
#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#b55094
```
#b55094 rgb(181,80,148)
```

Split Complementary Color

#b5a450
```
#b5a450 rgb(181,164,80)
```
#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#a450b5
```
#a450b5 rgb(164,80,181)
```

Triadic Color

#61b550
```
#61b550 rgb(97,181,80)
```
#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#a450b5
```
#a450b5 rgb(164,80,181)
```
#b55061
```
#b55061 rgb(181,80,97)
```

Tetradic Color

#378275
```
#378275 rgb(55,130,117)
```
#3e9485
```
#3e9485 rgb(62,148,133)
```
#46a695
```
#46a695 rgb(70,166,149)
```
#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#62bdad
```
#62bdad rgb(98,189,173)
```
#74c4b7
```
#74c4b7 rgb(116,196,183)
```
#86ccc0
```
#86ccc0 rgb(134,204,192)
```

Monochromatic Color

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

#50b58b
```
#50b58b rgb(80,181,139)
```
#50b593
```
#50b593 rgb(80,181,147)
```
#50b59c
```
#50b59c rgb(80,181,156)
```
#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#50b5ac
```
#50b5ac rgb(80,181,172)
```
#50b5b5
```
#50b5b5 rgb(80,181,181)
```
#50adb5
```
#50adb5 rgb(80,173,181)
```

Similar Colors

Text with hexadecimal color #50b5a4

This text has a font color of #50b5a4.

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

#50b5a4 background color

This paragraph has a background color of #50b5a4.

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

#50b5a4 border color

This element has a border color of #50b5a4.

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

CSS codes

.text {color:#50b5a4;}

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

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

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)
```
#0d201d
```
#0d201d rgb(13,32,29)
```
#132e29
```
#132e29 rgb(19,46,41)
```
#193b36
```
#193b36 rgb(25,59,54)
```
#1f4942
```
#1f4942 rgb(31,73,66)
```
#25574e
```
#25574e rgb(37,87,78)
```
#2b655b
```
#2b655b rgb(43,101,91)
```
#307367
```
#307367 rgb(48,115,103)
```
#368074
```
#368074 rgb(54,128,116)
```
#3c8e80
```
#3c8e80 rgb(60,142,128)
```
#429c8d
```
#429c8d rgb(66,156,141)
```
#48aa99
```
#48aa99 rgb(72,170,153)
```

Shade Color Variation

#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#5ebbab
```
#5ebbab rgb(94,187,171)
```
#6cc1b2
```
#6cc1b2 rgb(108,193,178)
```
#79c6ba
```
#79c6ba rgb(121,198,186)
```
#87ccc1
```
#87ccc1 rgb(135,204,193)
```
#95d2c8
```
#95d2c8 rgb(149,210,200)
```
#a3d8cf
```
#a3d8cf rgb(163,216,207)
```
#b1ded6
```
#b1ded6 rgb(177,222,214)
```
#bee4dd
```
#bee4dd rgb(190,228,221)
```
#cce9e5
```
#cce9e5 rgb(204,233,229)
```
#daefec
```
#daefec rgb(218,239,236)
```
#e8f5f3
```
#e8f5f3 rgb(232,245,243)
```
#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 #0df8d0 is the most saturated one.

#808584
```
#808584 rgb(128,133,132)
```
#768f8b
```
#768f8b rgb(118,143,139)
```
#6d9891
```
#6d9891 rgb(109,152,145)
```
#63a297
```
#63a297 rgb(99,162,151)
```
#5aab9e
```
#5aab9e rgb(90,171,158)
```
#50b5a4
```
#50b5a4 rgb(80,181,164)
```
#46bfaa
```
#46bfaa rgb(70,191,170)
```
#3dc8b1
```
#3dc8b1 rgb(61,200,177)
```
#33d2b7
```
#33d2b7 rgb(51,210,183)
```
#2adbbd
```
#2adbbd rgb(42,219,189)
```
#20e5c4
```
#20e5c4 rgb(32,229,196)
```
#17eeca
```
#17eeca rgb(23,238,202)
```
#0df8d0
```
#0df8d0 rgb(13,248,208)
```

Tone Color Variation

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

Dichromacy

#aea8a0 Protanopia 1% of men
#b5a4af Deuteranopia 1% of men
#64b4c2 Tritanopia 0.001% of the population

Trichromacy

#8cada1 Protanomaly 1% of men, 0.01% of women
#90aaab Deuteranomaly 6% of men, 0.4% of women
#5cb4b7 Tritanomaly 0.01% of the population

#50b5a4 hex color

#50b5a4 Color Information

#50b5a4 Color Conversion

Color Schemes with #50b5a4

Alternatives to #50b5a4

#50b5a4 Preview

Shades and Tints of #50b5a4

Tones of #50b5a4

Color Blindness Simulator