#50baa2 hex color

In a RGB color space, hex #50baa2 is composed of 31.4% red, 72.9% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 0% magenta, 12.9% yellow and 27.1% black. It has a hue angle of 166.4 degrees, a saturation of 43.4% and a lightness of 52.2%. #50baa2 color hex could be obtained by blending #a0ffff with #007545. Closest websafe color is: #66cc99.

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

● #50baa2 color description : Moderate cyan.

The hexadecimal color #50baa2 has RGB values of R:80, G:186, B:162 and CMYK values of C:0.57, M:0, Y:0.13, K:0.27. Its decimal value is 5290658.

Hex triplet	50baa2	`#50baa2`
RGB Decimal	80, 186, 162	`rgb(80,186,162)`
RGB Percent	31.4, 72.9, 63.5	`rgb(31.4%,72.9%,63.5%)`
CMYK	57, 0, 13, 27
HSL	166.4°, 43.4, 52.2	`hsl(166.4,43.4%,52.2%)`
HSV (or HSB)	166.4°, 57, 72.9
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.061, -36.399, 3.004
XYZ	27.387, 39.43, 40.348
xyY	0.256, 0.368, 39.43
CIE-LCH	69.061, 36.523, 175.282
CIE-LUV	69.061, -44.692, 10.14
Hunter-Lab	62.793, -32.037, 5.858
Binary	01010000, 10111010, 10100010

#50baa2
```
#50baa2 rgb(80,186,162)
```
#ba5068
```
#ba5068 rgb(186,80,104)
```

Complementary Color

#50ba6d
```
#50ba6d rgb(80,186,109)
```
#50baa2
```
#50baa2 rgb(80,186,162)
```
#509dba
```
#509dba rgb(80,157,186)
```

Analogous Color

#ba6d50
```
#ba6d50 rgb(186,109,80)
```
#50baa2
```
#50baa2 rgb(80,186,162)
```
#ba509d
```
#ba509d rgb(186,80,157)
```

Split Complementary Color

#baa250
```
#baa250 rgb(186,162,80)
```
#50baa2
```
#50baa2 rgb(80,186,162)
```
#a250ba
```
#a250ba rgb(162,80,186)
```

Triadic Color

#68ba50
```
#68ba50 rgb(104,186,80)
```
#50baa2
```
#50baa2 rgb(80,186,162)
```
#a250ba
```
#a250ba rgb(162,80,186)
```
#ba5068
```
#ba5068 rgb(186,80,104)
```

Tetradic Color

#368875
```
#368875 rgb(54,136,117)
```
#3d9a85
```
#3d9a85 rgb(61,154,133)
```
#44ac95
```
#44ac95 rgb(68,172,149)
```
#50baa2
```
#50baa2 rgb(80,186,162)
```
#62c1ac
```
#62c1ac rgb(98,193,172)
```
#75c8b5
```
#75c8b5 rgb(117,200,181)
```
#87d0bf
```
#87d0bf rgb(135,208,191)
```

Monochromatic Color

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

#50ba88
```
#50ba88 rgb(80,186,136)
```
#50ba90
```
#50ba90 rgb(80,186,144)
```
#50ba99
```
#50ba99 rgb(80,186,153)
```
#50baa2
```
#50baa2 rgb(80,186,162)
```
#50baab
```
#50baab rgb(80,186,171)
```
#50bab4
```
#50bab4 rgb(80,186,180)
```
#50b8ba
```
#50b8ba rgb(80,184,186)
```

Similar Colors

Text with hexadecimal color #50baa2

This text has a font color of #50baa2.

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

#50baa2 background color

This paragraph has a background color of #50baa2.

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

#50baa2 border color

This element has a border color of #50baa2.

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

CSS codes

.text {color:#50baa2;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#091613
```
#091613 rgb(9,22,19)
```
#0e241f
```
#0e241f rgb(14,36,31)
```
#14322b
```
#14322b rgb(20,50,43)
```
#194037
```
#194037 rgb(25,64,55)
```
#1f4e44
```
#1f4e44 rgb(31,78,68)
```
#245c50
```
#245c50 rgb(36,92,80)
```
#2a6a5c
```
#2a6a5c rgb(42,106,92)
```
#2f7868
```
#2f7868 rgb(47,120,104)
```
#358774
```
#358774 rgb(53,135,116)
```
#3b9580
```
#3b9580 rgb(59,149,128)
```
#40a38c
```
#40a38c rgb(64,163,140)
```
#46b198
```
#46b198 rgb(70,177,152)
```

Shade Color Variation

#50baa2
```
#50baa2 rgb(80,186,162)
```
#5ec0a9
```
#5ec0a9 rgb(94,192,169)
```
#6cc5b1
```
#6cc5b1 rgb(108,197,177)
```
#7acbb8
```
#7acbb8 rgb(122,203,184)
```
#88d0c0
```
#88d0c0 rgb(136,208,192)
```
#96d6c7
```
#96d6c7 rgb(150,214,199)
```
#a4dbcf
```
#a4dbcf rgb(164,219,207)
```
#b2e1d6
```
#b2e1d6 rgb(178,225,214)
```
#c1e6de
```
#c1e6de rgb(193,230,222)
```
#cfece5
```
#cfece5 rgb(207,236,229)
```
#ddf1ed
```
#ddf1ed rgb(221,241,237)
```
#ebf7f4
```
#ebf7f4 rgb(235,247,244)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#7f8b88
```
#7f8b88 rgb(127,139,136)
```
#76948d
```
#76948d rgb(118,148,141)
```
#6c9e93
```
#6c9e93 rgb(108,158,147)
```
#63a798
```
#63a798 rgb(99,167,152)
```
#59b19d
```
#59b19d rgb(89,177,157)
```
#50baa2
```
#50baa2 rgb(80,186,162)
```
#47c3a7
```
#47c3a7 rgb(71,195,167)
```
#3dcdac
```
#3dcdac rgb(61,205,172)
```
#34d6b1
```
#34d6b1 rgb(52,214,177)
```
#2ae0b7
```
#2ae0b7 rgb(42,224,183)
```
#21e9bc
```
#21e9bc rgb(33,233,188)
```
#18f2c1
```
#18f2c1 rgb(24,242,193)
```
#0efcc6
```
#0efcc6 rgb(14,252,198)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8a9f9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3ac9e Protanopia 1% of men
#bca7ae Deuteranopia 1% of men
#66b8c6 Tritanopia 0.001% of the population

Trichromacy

#8fb19f Protanomaly 1% of men, 0.01% of women
#94aea9 Deuteranomaly 6% of men, 0.4% of women
#5eb9b9 Tritanomaly 0.01% of the population

#50baa2 hex color

#50baa2 Color Information

#50baa2 Color Conversion

Color Schemes with #50baa2

Alternatives to #50baa2

#50baa2 Preview

Shades and Tints of #50baa2

Tones of #50baa2

Color Blindness Simulator