#50a688 hex color

In a RGB color space, hex #50a688 is composed of 31.4% red, 65.1% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 0% magenta, 18.1% yellow and 34.9% black. It has a hue angle of 159.1 degrees, a saturation of 35% and a lightness of 48.2%. #50a688 color hex could be obtained by blending #a0ffff with #004d11. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 31
- G 65
- B 53
RGB color chart
- C 52
- M 0
- Y 18
- K 35
CMYK color chart

● #50a688 color description : Dark moderate cyan - lime green.

The hexadecimal color #50a688 has RGB values of R:80, G:166, B:136 and CMYK values of C:0.52, M:0, Y:0.18, K:0.35. Its decimal value is 5285512.

Hex triplet	50a688	`#50a688`
RGB Decimal	80, 166, 136	`rgb(80,166,136)`
RGB Percent	31.4, 65.1, 53.3	`rgb(31.4%,65.1%,53.3%)`
CMYK	52, 0, 18, 35
HSL	159.1°, 35, 48.2	`hsl(159.1,35%,48.2%)`
HSV (or HSB)	159.1°, 51.8, 65.1
Web Safe	669999	`#669999`

CIE-LAB	62.299, -33.381, 7.664
XYZ	21.387, 30.754, 28.1
xyY	0.267, 0.383, 30.754
CIE-LCH	62.299, 34.249, 167.069
CIE-LUV	62.299, -38.034, 16.056
Hunter-Lab	55.456, -28.209, 8.777
Binary	01010000, 10100110, 10001000

#50a688
```
#50a688 rgb(80,166,136)
```
#a6506e
```
#a6506e rgb(166,80,110)
```

Complementary Color

#50a65d
```
#50a65d rgb(80,166,93)
```
#50a688
```
#50a688 rgb(80,166,136)
```
#5099a6
```
#5099a6 rgb(80,153,166)
```

Analogous Color

#a65d50
```
#a65d50 rgb(166,93,80)
```
#50a688
```
#50a688 rgb(80,166,136)
```
#a65099
```
#a65099 rgb(166,80,153)
```

Split Complementary Color

#a68850
```
#a68850 rgb(166,136,80)
```
#50a688
```
#50a688 rgb(80,166,136)
```
#8850a6
```
#8850a6 rgb(136,80,166)
```

Triadic Color

#6ea650
```
#6ea650 rgb(110,166,80)
```
#50a688
```
#50a688 rgb(80,166,136)
```
#8850a6
```
#8850a6 rgb(136,80,166)
```
#a6506e
```
#a6506e rgb(166,80,110)
```

Tetradic Color

#37725e
```
#37725e rgb(55,114,94)
```
#3f846c
```
#3f846c rgb(63,132,108)
```
#48957a
```
#48957a rgb(72,149,122)
```
#50a688
```
#50a688 rgb(80,166,136)
```
#5eb194
```
#5eb194 rgb(94,177,148)
```
#6fbaa0
```
#6fbaa0 rgb(111,186,160)
```
#80c2ab
```
#80c2ab rgb(128,194,171)
```

Monochromatic Color

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

#50a673
```
#50a673 rgb(80,166,115)
```
#50a67a
```
#50a67a rgb(80,166,122)
```
#50a681
```
#50a681 rgb(80,166,129)
```
#50a688
```
#50a688 rgb(80,166,136)
```
#50a68f
```
#50a68f rgb(80,166,143)
```
#50a696
```
#50a696 rgb(80,166,150)
```
#50a69e
```
#50a69e rgb(80,166,158)
```

Similar Colors

Text with hexadecimal color #50a688

This text has a font color of #50a688.

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

#50a688 background color

This paragraph has a background color of #50a688.

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

#50a688 border color

This element has a border color of #50a688.

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

CSS codes

.text {color:#50a688;}

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

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

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

#030706
```
#030706 rgb(3,7,6)
```
#0a1411
```
#0a1411 rgb(10,20,17)
```
#10221c
```
#10221c rgb(16,34,28)
```
#172f26
```
#172f26 rgb(23,47,38)
```
#1d3c31
```
#1d3c31 rgb(29,60,49)
```
#23493c
```
#23493c rgb(35,73,60)
```
#2a5747
```
#2a5747 rgb(42,87,71)
```
#306452
```
#306452 rgb(48,100,82)
```
#36715d
```
#36715d rgb(54,113,93)
```
#3d7e67
```
#3d7e67 rgb(61,126,103)
```
#438c72
```
#438c72 rgb(67,140,114)
```
#4a997d
```
#4a997d rgb(74,153,125)
```
#50a688
```
#50a688 rgb(80,166,136)
```

Shade Color Variation

#5ab092
```
#5ab092 rgb(90,176,146)
```
#67b69a
```
#67b69a rgb(103,182,154)
```
#75bca3
```
#75bca3 rgb(117,188,163)
```
#82c3ac
```
#82c3ac rgb(130,195,172)
```
#8fc9b5
```
#8fc9b5 rgb(143,201,181)
```
#9ccfbe
```
#9ccfbe rgb(156,207,190)
```
#aad6c6
```
#aad6c6 rgb(170,214,198)
```
#b7dccf
```
#b7dccf rgb(183,220,207)
```
#c4e3d8
```
#c4e3d8 rgb(196,227,216)
```
#d1e9e1
```
#d1e9e1 rgb(209,233,225)
```
#deefe9
```
#deefe9 rgb(222,239,233)
```
#ecf6f2
```
#ecf6f2 rgb(236,246,242)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76807d is the less saturated color, while #04f29f is the most saturated one.

#76807d
```
#76807d rgb(118,128,125)
```
#6c8a7f
```
#6c8a7f rgb(108,138,127)
```
#639382
```
#639382 rgb(99,147,130)
```
#599d85
```
#599d85 rgb(89,157,133)
```
#50a688
```
#50a688 rgb(80,166,136)
```
#47af8b
```
#47af8b rgb(71,175,139)
```
#3db98e
```
#3db98e rgb(61,185,142)
```
#34c291
```
#34c291 rgb(52,194,145)
```
#2acc93
```
#2acc93 rgb(42,204,147)
```
#21d596
```
#21d596 rgb(33,213,150)
```
#17df99
```
#17df99 rgb(23,223,153)
```
#0ee89c
```
#0ee89c rgb(14,232,156)
```
#04f29f
```
#04f29f rgb(4,242,159)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#7e8f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39b87 Protanopia 1% of men
#ad9794 Deuteranopia 1% of men
#65a5b1 Tritanopia 0.001% of the population

Trichromacy

#859f87 Protanomaly 1% of men, 0.01% of women
#8b9c90 Deuteranomaly 6% of men, 0.4% of women
#5da5a2 Tritanomaly 0.01% of the population

#50a688 hex color

#50a688 Color Information

#50a688 Color Conversion

Color Schemes with #50a688

Alternatives to #50a688

#50a688 Preview

Shades and Tints of #50a688

Tones of #50a688

Color Blindness Simulator