#50a684 hex color

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

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

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

The hexadecimal color #50a684 has RGB values of R:80, G:166, B:132 and CMYK values of C:0.52, M:0, Y:0.2, K:0.35. Its decimal value is 5285508.

Hex triplet	50a684	`#50a684`
RGB Decimal	80, 166, 132	`rgb(80,166,132)`
RGB Percent	31.4, 65.1, 51.8	`rgb(31.4%,65.1%,51.8%)`
CMYK	52, 0, 20, 35
HSL	156.3°, 35, 48.2	`hsl(156.3,35%,48.2%)`
HSV (or HSB)	156.3°, 51.8, 65.1
Web Safe	669999	`#669999`

CIE-LAB	62.205, -34.3, 9.76
XYZ	21.108, 30.642, 26.631
xyY	0.269, 0.391, 30.642
CIE-LCH	62.205, 35.662, 164.116
CIE-LUV	62.205, -38.201, 19.062
Hunter-Lab	55.356, -28.807, 10.225
Binary	01010000, 10100110, 10000100

#50a684
```
#50a684 rgb(80,166,132)
```
#a65072
```
#a65072 rgb(166,80,114)
```

Complementary Color

#50a659
```
#50a659 rgb(80,166,89)
```
#50a684
```
#50a684 rgb(80,166,132)
```
#509da6
```
#509da6 rgb(80,157,166)
```

Analogous Color

#a65950
```
#a65950 rgb(166,89,80)
```
#50a684
```
#50a684 rgb(80,166,132)
```
#a6509d
```
#a6509d rgb(166,80,157)
```

Split Complementary Color

#a68450
```
#a68450 rgb(166,132,80)
```
#50a684
```
#50a684 rgb(80,166,132)
```
#8450a6
```
#8450a6 rgb(132,80,166)
```

Triadic Color

#72a650
```
#72a650 rgb(114,166,80)
```
#50a684
```
#50a684 rgb(80,166,132)
```
#8450a6
```
#8450a6 rgb(132,80,166)
```
#a65072
```
#a65072 rgb(166,80,114)
```

Tetradic Color

#37725b
```
#37725b rgb(55,114,91)
```
#3f8469
```
#3f8469 rgb(63,132,105)
```
#489576
```
#489576 rgb(72,149,118)
```
#50a684
```
#50a684 rgb(80,166,132)
```
#5eb190
```
#5eb190 rgb(94,177,144)
```
#6fba9c
```
#6fba9c rgb(111,186,156)
```
#80c2a8
```
#80c2a8 rgb(128,194,168)
```

Monochromatic Color

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

#50a66f
```
#50a66f rgb(80,166,111)
```
#50a676
```
#50a676 rgb(80,166,118)
```
#50a67d
```
#50a67d rgb(80,166,125)
```
#50a684
```
#50a684 rgb(80,166,132)
```
#50a68b
```
#50a68b rgb(80,166,139)
```
#50a692
```
#50a692 rgb(80,166,146)
```
#50a69a
```
#50a69a rgb(80,166,154)
```

Similar Colors

Text with hexadecimal color #50a684

This text has a font color of #50a684.

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

#50a684 background color

This paragraph has a background color of #50a684.

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

#50a684 border color

This element has a border color of #50a684.

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

CSS codes

.text {color:#50a684;}

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

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

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)
```
#0a1410
```
#0a1410 rgb(10,20,16)
```
#10221b
```
#10221b rgb(16,34,27)
```
#172f25
```
#172f25 rgb(23,47,37)
```
#1d3c30
```
#1d3c30 rgb(29,60,48)
```
#23493a
```
#23493a rgb(35,73,58)
```
#2a5745
```
#2a5745 rgb(42,87,69)
```
#30644f
```
#30644f rgb(48,100,79)
```
#36715a
```
#36715a rgb(54,113,90)
```
#3d7e64
```
#3d7e64 rgb(61,126,100)
```
#438c6f
```
#438c6f rgb(67,140,111)
```
#4a9979
```
#4a9979 rgb(74,153,121)
```
#50a684
```
#50a684 rgb(80,166,132)
```

Shade Color Variation

#5ab08e
```
#5ab08e rgb(90,176,142)
```
#67b697
```
#67b697 rgb(103,182,151)
```
#75bca0
```
#75bca0 rgb(117,188,160)
```
#82c3a9
```
#82c3a9 rgb(130,195,169)
```
#8fc9b2
```
#8fc9b2 rgb(143,201,178)
```
#9ccfbb
```
#9ccfbb rgb(156,207,187)
```
#aad6c4
```
#aad6c4 rgb(170,214,196)
```
#b7dccd
```
#b7dccd rgb(183,220,205)
```
#c4e3d6
```
#c4e3d6 rgb(196,227,214)
```
#d1e9e0
```
#d1e9e0 rgb(209,233,224)
```
#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, #76807c is the less saturated color, while #04f294 is the most saturated one.

#76807c
```
#76807c rgb(118,128,124)
```
#6c8a7e
```
#6c8a7e rgb(108,138,126)
```
#639380
```
#639380 rgb(99,147,128)
```
#599d82
```
#599d82 rgb(89,157,130)
```
#50a684
```
#50a684 rgb(80,166,132)
```
#47af86
```
#47af86 rgb(71,175,134)
```
#3db988
```
#3db988 rgb(61,185,136)
```
#34c28a
```
#34c28a rgb(52,194,138)
```
#2acc8c
```
#2acc8c rgb(42,204,140)
```
#21d58e
```
#21d58e rgb(33,213,142)
```
#17df90
```
#17df90 rgb(23,223,144)
```
#0ee892
```
#0ee892 rgb(14,232,146)
```
#04f294
```
#04f294 rgb(4,242,148)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7d8e87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49b83 Protanopia 1% of men
#ae9691 Deuteranopia 1% of men
#66a5b1 Tritanopia 0.001% of the population

Trichromacy

#859f83 Protanomaly 1% of men, 0.01% of women
#8b9c8c Deuteranomaly 6% of men, 0.4% of women
#5ea5a0 Tritanomaly 0.01% of the population

#50a684 hex color

#50a684 Color Information

#50a684 Color Conversion

Color Schemes with #50a684

Alternatives to #50a684

#50a684 Preview

Shades and Tints of #50a684

Tones of #50a684

Color Blindness Simulator