#50b8a2 hex color

In a RGB color space, hex #50b8a2 is composed of 31.4% red, 72.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 0% magenta, 12% yellow and 27.8% black. It has a hue angle of 167.3 degrees, a saturation of 42.3% and a lightness of 51.8%. #50b8a2 color hex could be obtained by blending #a0ffff with #007145. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 31
- G 72
- B 64
RGB color chart
- C 57
- M 0
- Y 12
- K 28
CMYK color chart

● #50b8a2 color description : Moderate cyan.

The hexadecimal color #50b8a2 has RGB values of R:80, G:184, B:162 and CMYK values of C:0.57, M:0, Y:0.12, K:0.28. Its decimal value is 5290146.

Hex triplet	50b8a2	`#50b8a2`
RGB Decimal	80, 184, 162	`rgb(80,184,162)`
RGB Percent	31.4, 72.2, 63.5	`rgb(31.4%,72.2%,63.5%)`
CMYK	57, 0, 12, 28
HSL	167.3°, 42.3, 51.8	`hsl(167.3,42.3%,51.8%)`
HSV (or HSB)	167.3°, 56.5, 72.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.455, -35.477, 2.125
XYZ	26.968, 38.593, 40.208
xyY	0.255, 0.365, 38.593
CIE-LCH	68.455, 35.541, 176.573
CIE-LUV	68.455, -43.922, 8.692
Hunter-Lab	62.123, -31.227, 5.112
Binary	01010000, 10111000, 10100010

#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#b85066
```
#b85066 rgb(184,80,102)
```

Complementary Color

#50b86e
```
#50b86e rgb(80,184,110)
```
#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#509ab8
```
#509ab8 rgb(80,154,184)
```

Analogous Color

#b86e50
```
#b86e50 rgb(184,110,80)
```
#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#b8509a
```
#b8509a rgb(184,80,154)
```

Split Complementary Color

#b8a250
```
#b8a250 rgb(184,162,80)
```
#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#a250b8
```
#a250b8 rgb(162,80,184)
```

Triadic Color

#66b850
```
#66b850 rgb(102,184,80)
```
#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#a250b8
```
#a250b8 rgb(162,80,184)
```
#b85066
```
#b85066 rgb(184,80,102)
```

Tetradic Color

#368575
```
#368575 rgb(54,133,117)
```
#3d9884
```
#3d9884 rgb(61,152,132)
```
#45aa94
```
#45aa94 rgb(69,170,148)
```
#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#62bfac
```
#62bfac rgb(98,191,172)
```
#74c7b5
```
#74c7b5 rgb(116,199,181)
```
#86cebf
```
#86cebf rgb(134,206,191)
```

Monochromatic Color

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

#50b888
```
#50b888 rgb(80,184,136)
```
#50b891
```
#50b891 rgb(80,184,145)
```
#50b899
```
#50b899 rgb(80,184,153)
```
#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#50b8ab
```
#50b8ab rgb(80,184,171)
```
#50b8b3
```
#50b8b3 rgb(80,184,179)
```
#50b4b8
```
#50b4b8 rgb(80,180,184)
```

Similar Colors

Text with hexadecimal color #50b8a2

This text has a font color of #50b8a2.

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

#50b8a2 background color

This paragraph has a background color of #50b8a2.

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

#50b8a2 border color

This element has a border color of #50b8a2.

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

CSS codes

.text {color:#50b8a2;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#081412
```
#081412 rgb(8,20,18)
```
#0e221e
```
#0e221e rgb(14,34,30)
```
#14302a
```
#14302a rgb(20,48,42)
```
#193e36
```
#193e36 rgb(25,62,54)
```
#1f4c43
```
#1f4c43 rgb(31,76,67)
```
#255a4f
```
#255a4f rgb(37,90,79)
```
#2a685b
```
#2a685b rgb(42,104,91)
```
#307667
```
#307667 rgb(48,118,103)
```
#368473
```
#368473 rgb(54,132,115)
```
#3b9280
```
#3b9280 rgb(59,146,128)
```
#41a08c
```
#41a08c rgb(65,160,140)
```
#47ae98
```
#47ae98 rgb(71,174,152)
```

Shade Color Variation

#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#5ebea9
```
#5ebea9 rgb(94,190,169)
```
#6cc3b1
```
#6cc3b1 rgb(108,195,177)
```
#7ac9b8
```
#7ac9b8 rgb(122,201,184)
```
#88cfc0
```
#88cfc0 rgb(136,207,192)
```
#96d4c7
```
#96d4c7 rgb(150,212,199)
```
#a4dace
```
#a4dace rgb(164,218,206)
```
#b2e0d6
```
#b2e0d6 rgb(178,224,214)
```
#c0e5dd
```
#c0e5dd rgb(192,229,221)
```
#ceebe5
```
#ceebe5 rgb(206,235,229)
```
#dcf1ec
```
#dcf1ec rgb(220,241,236)
```
#e9f6f4
```
#e9f6f4 rgb(233,246,244)
```
#f7fcfb
```
#f7fcfb rgb(247,252,251)
```

Tint Color Variation

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

#7f8987
```
#7f8987 rgb(127,137,135)
```
#76928c
```
#76928c rgb(118,146,140)
```
#6c9c92
```
#6c9c92 rgb(108,156,146)
```
#63a597
```
#63a597 rgb(99,165,151)
```
#59af9d
```
#59af9d rgb(89,175,157)
```
#50b8a2
```
#50b8a2 rgb(80,184,162)
```
#47c1a7
```
#47c1a7 rgb(71,193,167)
```
#3dcbad
```
#3dcbad rgb(61,203,173)
```
#34d4b2
```
#34d4b2 rgb(52,212,178)
```
#2adeb8
```
#2adeb8 rgb(42,222,184)
```
#21e7bd
```
#21e7bd rgb(33,231,189)
```
#17f1c3
```
#17f1c3 rgb(23,241,195)
```
#0efac8
```
#0efac8 rgb(14,250,200)
```

Tone Color Variation

Below, you can see how #50b8a2 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
#889d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1aa9e Protanopia 1% of men
#b9a6ae Deuteranopia 1% of men
#66b7c4 Tritanopia 0.001% of the population

Trichromacy

#8eaf9f Protanomaly 1% of men, 0.01% of women
#93aca9 Deuteranomaly 6% of men, 0.4% of women
#5eb7b8 Tritanomaly 0.01% of the population

#50b8a2 hex color

#50b8a2 Color Information

#50b8a2 Color Conversion

Color Schemes with #50b8a2

Alternatives to #50b8a2

#50b8a2 Preview

Shades and Tints of #50b8a2

Tones of #50b8a2

Color Blindness Simulator