#509e76 hex color

In a RGB color space, hex #509e76 is composed of 31.4% red, 62% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 0% magenta, 25.3% yellow and 38% black. It has a hue angle of 149.2 degrees, a saturation of 32.8% and a lightness of 46.7%. #509e76 color hex could be obtained by blending #a0ffec with #003d00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 31
- G 62
- B 46
RGB color chart
- C 49
- M 0
- Y 25
- K 38
CMYK color chart

● #509e76 color description : Dark moderate cyan - lime green.

The hexadecimal color #509e76 has RGB values of R:80, G:158, B:118 and CMYK values of C:0.49, M:0, Y:0.25, K:0.38. Its decimal value is 5283446.

Hex triplet	509e76	`#509e76`
RGB Decimal	80, 158, 118	`rgb(80,158,118)`
RGB Percent	31.4, 62, 46.3	`rgb(31.4%,62%,46.3%)`
CMYK	49, 0, 25, 38
HSL	149.2°, 32.8, 46.7	`hsl(149.2,32.8%,46.7%)`
HSV (or HSB)	149.2°, 49.4, 62
Web Safe	669966	`#669966`

CIE-LAB	59.403, -33.669, 13.634
XYZ	18.804, 27.466, 21.449
xyY	0.278, 0.406, 27.466
CIE-LCH	59.403, 36.325, 157.955
CIE-LUV	59.403, -35.47, 23.864
Hunter-Lab	52.408, -27.668, 12.42
Binary	01010000, 10011110, 01110110

#509e76
```
#509e76 rgb(80,158,118)
```
#9e5078
```
#9e5078 rgb(158,80,120)
```

Complementary Color

#519e50
```
#519e50 rgb(81,158,80)
```
#509e76
```
#509e76 rgb(80,158,118)
```
#509e9d
```
#509e9d rgb(80,158,157)
```

Analogous Color

#9e5051
```
#9e5051 rgb(158,80,81)
```
#509e76
```
#509e76 rgb(80,158,118)
```
#9d509e
```
#9d509e rgb(157,80,158)
```

Split Complementary Color

#9e7650
```
#9e7650 rgb(158,118,80)
```
#509e76
```
#509e76 rgb(80,158,118)
```
#76509e
```
#76509e rgb(118,80,158)
```

Triadic Color

#789e50
```
#789e50 rgb(120,158,80)
```
#509e76
```
#509e76 rgb(80,158,118)
```
#76509e
```
#76509e rgb(118,80,158)
```
#9e5078
```
#9e5078 rgb(158,80,120)
```

Tetradic Color

#366b50
```
#366b50 rgb(54,107,80)
```
#3f7c5d
```
#3f7c5d rgb(63,124,93)
```
#478d69
```
#478d69 rgb(71,141,105)
```
#509e76
```
#509e76 rgb(80,158,118)
```
#5bac83
```
#5bac83 rgb(91,172,131)
```
#6cb590
```
#6cb590 rgb(108,181,144)
```
#7dbd9c
```
#7dbd9c rgb(125,189,156)
```

Monochromatic Color

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

#509e63
```
#509e63 rgb(80,158,99)
```
#509e69
```
#509e69 rgb(80,158,105)
```
#509e70
```
#509e70 rgb(80,158,112)
```
#509e76
```
#509e76 rgb(80,158,118)
```
#509e7d
```
#509e7d rgb(80,158,125)
```
#509e83
```
#509e83 rgb(80,158,131)
```
#509e8a
```
#509e8a rgb(80,158,138)
```

Similar Colors

Text with hexadecimal color #509e76

This text has a font color of #509e76.

<span style="color:#509e76;">Text here</span>

#509e76 background color

This paragraph has a background color of #509e76.

<p style="background-color:#509e76;">Content here</p>

#509e76 border color

This element has a border color of #509e76.

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

CSS codes

.text {color:#509e76;}

.background {background-color:#509e76;}

.border {border:1px solid #509e76;}

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

#010201
```
#010201 rgb(1,2,1)
```
#070f0b
```
#070f0b rgb(7,15,11)
```
#0e1c15
```
#0e1c15 rgb(14,28,21)
```
#15291e
```
#15291e rgb(21,41,30)
```
#1b3628
```
#1b3628 rgb(27,54,40)
```
#224332
```
#224332 rgb(34,67,50)
```
#28503c
```
#28503c rgb(40,80,60)
```
#2f5d45
```
#2f5d45 rgb(47,93,69)
```
#366a4f
```
#366a4f rgb(54,106,79)
```
#3c7759
```
#3c7759 rgb(60,119,89)
```
#438463
```
#438463 rgb(67,132,99)
```
#49916c
```
#49916c rgb(73,145,108)
```
#509e76
```
#509e76 rgb(80,158,118)
```

Shade Color Variation

#57aa80
```
#57aa80 rgb(87,170,128)
```
#64b18a
```
#64b18a rgb(100,177,138)
```
#71b794
```
#71b794 rgb(113,183,148)
```
#7fbe9d
```
#7fbe9d rgb(127,190,157)
```
#8cc5a7
```
#8cc5a7 rgb(140,197,167)
```
#99cbb1
```
#99cbb1 rgb(153,203,177)
```
#a6d2bb
```
#a6d2bb rgb(166,210,187)
```
#b3d8c5
```
#b3d8c5 rgb(179,216,197)
```
#c0dfcf
```
#c0dfcf rgb(192,223,207)
```
#cde6d9
```
#cde6d9 rgb(205,230,217)
```
#daece3
```
#daece3 rgb(218,236,227)
```
#e7f3ed
```
#e7f3ed rgb(231,243,237)
```
#f4f9f6
```
#f4f9f6 rgb(244,249,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757977 is the less saturated color, while #07e774 is the most saturated one.

#757977
```
#757977 rgb(117,121,119)
```
#6b8377
```
#6b8377 rgb(107,131,119)
```
#628c76
```
#628c76 rgb(98,140,118)
```
#599576
```
#599576 rgb(89,149,118)
```
#509e76
```
#509e76 rgb(80,158,118)
```
#47a776
```
#47a776 rgb(71,167,118)
```
#3eb076
```
#3eb076 rgb(62,176,118)
```
#35b975
```
#35b975 rgb(53,185,117)
```
#2bc375
```
#2bc375 rgb(43,195,117)
```
#22cc75
```
#22cc75 rgb(34,204,117)
```
#19d575
```
#19d575 rgb(25,213,117)
```
#10de74
```
#10de74 rgb(16,222,116)
```
#07e774
```
#07e774 rgb(7,231,116)
```

Tone Color Variation

Below, you can see how #509e76 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

#828282 Achromatopsia 0.005% of the population
#788880 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9476 Protanopia 1% of men
#a88f83 Deuteranopia 1% of men
#669da8 Tritanopia 0.001% of the population

Trichromacy

#819776 Protanomaly 1% of men, 0.01% of women
#88947e Deuteranomaly 6% of men, 0.4% of women
#5e9d96 Tritanomaly 0.01% of the population

#509e76 hex color

#509e76 Color Information

#509e76 Color Conversion

Color Schemes with #509e76

Alternatives to #509e76

#509e76 Preview

Shades and Tints of #509e76

Tones of #509e76

Color Blindness Simulator