#50ae75 hex color

In a RGB color space, hex #50ae75 is composed of 31.4% red, 68.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 0% magenta, 32.8% yellow and 31.8% black. It has a hue angle of 143.6 degrees, a saturation of 37% and a lightness of 49.8%. #50ae75 color hex could be obtained by blending #a0ffea with #005d00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 31
- G 68
- B 46
RGB color chart
- C 54
- M 0
- Y 33
- K 32
CMYK color chart

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

The hexadecimal color #50ae75 has RGB values of R:80, G:174, B:117 and CMYK values of C:0.54, M:0, Y:0.33, K:0.32. Its decimal value is 5287541.

Hex triplet	50ae75	`#50ae75`
RGB Decimal	80, 174, 117	`rgb(80,174,117)`
RGB Percent	31.4, 68.2, 45.9	`rgb(31.4%,68.2%,45.9%)`
CMYK	54, 0, 33, 32
HSL	143.6°, 37, 49.8	`hsl(143.6,37%,49.8%)`
HSV (or HSB)	143.6°, 54, 68.2
Web Safe	669966	`#669966`

CIE-LAB	64.371, -41.051, 21.021
XYZ	21.654, 33.26, 22.107
xyY	0.281, 0.432, 33.26
CIE-LCH	64.371, 46.12, 152.884
CIE-LUV	64.371, -42.054, 34.913
Hunter-Lab	57.672, -33.905, 17.642
Binary	01010000, 10101110, 01110101

#50ae75
```
#50ae75 rgb(80,174,117)
```
#ae5089
```
#ae5089 rgb(174,80,137)
```

Complementary Color

#5aae50
```
#5aae50 rgb(90,174,80)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```
#50aea4
```
#50aea4 rgb(80,174,164)
```

Analogous Color

#ae505a
```
#ae505a rgb(174,80,90)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```
#a450ae
```
#a450ae rgb(164,80,174)
```

Split Complementary Color

#ae7550
```
#ae7550 rgb(174,117,80)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```
#7550ae
```
#7550ae rgb(117,80,174)
```

Triadic Color

#89ae50
```
#89ae50 rgb(137,174,80)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```
#7550ae
```
#7550ae rgb(117,80,174)
```
#ae5089
```
#ae5089 rgb(174,80,137)
```

Tetradic Color

#387a52
```
#387a52 rgb(56,122,82)
```
#408b5e
```
#408b5e rgb(64,139,94)
```
#489d69
```
#489d69 rgb(72,157,105)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```
#61b683
```
#61b683 rgb(97,182,131)
```
#73be90
```
#73be90 rgb(115,190,144)
```
#84c69e
```
#84c69e rgb(132,198,158)
```

Monochromatic Color

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

#50ae5e
```
#50ae5e rgb(80,174,94)
```
#50ae65
```
#50ae65 rgb(80,174,101)
```
#50ae6d
```
#50ae6d rgb(80,174,109)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```
#50ae7d
```
#50ae7d rgb(80,174,125)
```
#50ae85
```
#50ae85 rgb(80,174,133)
```
#50ae8d
```
#50ae8d rgb(80,174,141)
```

Similar Colors

Text with hexadecimal color #50ae75

This text has a font color of #50ae75.

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

#50ae75 background color

This paragraph has a background color of #50ae75.

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

#50ae75 border color

This element has a border color of #50ae75.

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

CSS codes

.text {color:#50ae75;}

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

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

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, #060d09 is the darkest color, while #fefffe is the lightest one.

#060d09
```
#060d09 rgb(6,13,9)
```
#0c1a12
```
#0c1a12 rgb(12,26,18)
```
#12281b
```
#12281b rgb(18,40,27)
```
#183524
```
#183524 rgb(24,53,36)
```
#1f432d
```
#1f432d rgb(31,67,45)
```
#255036
```
#255036 rgb(37,80,54)
```
#2b5d3f
```
#2b5d3f rgb(43,93,63)
```
#316b48
```
#316b48 rgb(49,107,72)
```
#377851
```
#377851 rgb(55,120,81)
```
#3d865a
```
#3d865a rgb(61,134,90)
```
#449363
```
#449363 rgb(68,147,99)
```
#4aa16c
```
#4aa16c rgb(74,161,108)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```

Shade Color Variation

#5db580
```
#5db580 rgb(93,181,128)
```
#6bbb8a
```
#6bbb8a rgb(107,187,138)
```
#78c195
```
#78c195 rgb(120,193,149)
```
#85c79f
```
#85c79f rgb(133,199,159)
```
#93cdaa
```
#93cdaa rgb(147,205,170)
```
#a0d3b4
```
#a0d3b4 rgb(160,211,180)
```
#aedabf
```
#aedabf rgb(174,218,191)
```
#bbe0ca
```
#bbe0ca rgb(187,224,202)
```
#c9e6d4
```
#c9e6d4 rgb(201,230,212)
```
#d6ecdf
```
#d6ecdf rgb(214,236,223)
```
#e3f2e9
```
#e3f2e9 rgb(227,242,233)
```
#f1f9f4
```
#f1f9f4 rgb(241,249,244)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#77877d
```
#77877d rgb(119,135,125)
```
#6d917b
```
#6d917b rgb(109,145,123)
```
#649a79
```
#649a79 rgb(100,154,121)
```
#5aa477
```
#5aa477 rgb(90,164,119)
```
#50ae75
```
#50ae75 rgb(80,174,117)
```
#46b873
```
#46b873 rgb(70,184,115)
```
#3cc271
```
#3cc271 rgb(60,194,113)
```
#33cb6f
```
#33cb6f rgb(51,203,111)
```
#29d56d
```
#29d56d rgb(41,213,109)
```
#1fdf6b
```
#1fdf6b rgb(31,223,107)
```
#15e969
```
#15e969 rgb(21,233,105)
```
#0cf266
```
#0cf266 rgb(12,242,102)
```
#02fc64
```
#02fc64 rgb(2,252,100)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7f9287 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada175 Protanopia 1% of men
#ba9b83 Deuteranopia 1% of men
#6caab7 Tritanopia 0.001% of the population

Trichromacy

#8ba575 Protanomaly 1% of men, 0.01% of women
#93a27e Deuteranomaly 6% of men, 0.4% of women
#62ab9f Tritanomaly 0.01% of the population

#50ae75 hex color

#50ae75 Color Information

#50ae75 Color Conversion

Color Schemes with #50ae75

Alternatives to #50ae75

#50ae75 Preview

Shades and Tints of #50ae75

Tones of #50ae75

Color Blindness Simulator