#509e78 hex color

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

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

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

The hexadecimal color #509e78 has RGB values of R:80, G:158, B:120 and CMYK values of C:0.49, M:0, Y:0.24, K:0.38. Its decimal value is 5283448.

Hex triplet	509e78	`#509e78`
RGB Decimal	80, 158, 120	`rgb(80,158,120)`
RGB Percent	31.4, 62, 47.1	`rgb(31.4%,62%,47.1%)`
CMYK	49, 0, 24, 38
HSL	150.8°, 32.8, 46.7	`hsl(150.8,32.8%,46.7%)`
HSV (or HSB)	150.8°, 49.4, 62
Web Safe	669966	`#669966`

CIE-LAB	59.447, -33.239, 12.577
XYZ	18.924, 27.514, 22.082
xyY	0.276, 0.402, 27.514
CIE-LCH	59.447, 35.539, 159.275
CIE-LUV	59.447, -35.397, 22.431
Hunter-Lab	52.454, -27.396, 11.758
Binary	01010000, 10011110, 01111000

#509e78
```
#509e78 rgb(80,158,120)
```
#9e5076
```
#9e5076 rgb(158,80,118)
```

Complementary Color

#509e51
```
#509e51 rgb(80,158,81)
```
#509e78
```
#509e78 rgb(80,158,120)
```
#509d9e
```
#509d9e rgb(80,157,158)
```

Analogous Color

#9e5150
```
#9e5150 rgb(158,81,80)
```
#509e78
```
#509e78 rgb(80,158,120)
```
#9e509d
```
#9e509d rgb(158,80,157)
```

Split Complementary Color

#9e7850
```
#9e7850 rgb(158,120,80)
```
#509e78
```
#509e78 rgb(80,158,120)
```
#78509e
```
#78509e rgb(120,80,158)
```

Triadic Color

#769e50
```
#769e50 rgb(118,158,80)
```
#509e78
```
#509e78 rgb(80,158,120)
```
#78509e
```
#78509e rgb(120,80,158)
```
#9e5076
```
#9e5076 rgb(158,80,118)
```

Tetradic Color

#366b51
```
#366b51 rgb(54,107,81)
```
#3f7c5e
```
#3f7c5e rgb(63,124,94)
```
#478d6b
```
#478d6b rgb(71,141,107)
```
#509e78
```
#509e78 rgb(80,158,120)
```
#5bac85
```
#5bac85 rgb(91,172,133)
```
#6cb591
```
#6cb591 rgb(108,181,145)
```
#7dbd9e
```
#7dbd9e rgb(125,189,158)
```

Monochromatic Color

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

#509e65
```
#509e65 rgb(80,158,101)
```
#509e6b
```
#509e6b rgb(80,158,107)
```
#509e72
```
#509e72 rgb(80,158,114)
```
#509e78
```
#509e78 rgb(80,158,120)
```
#509e7f
```
#509e7f rgb(80,158,127)
```
#509e85
```
#509e85 rgb(80,158,133)
```
#509e8c
```
#509e8c rgb(80,158,140)
```

Similar Colors

Text with hexadecimal color #509e78

This text has a font color of #509e78.

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

#509e78 background color

This paragraph has a background color of #509e78.

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

#509e78 border color

This element has a border color of #509e78.

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

CSS codes

.text {color:#509e78;}

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

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

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 #f4f9f7 is the lightest one.

#010201
```
#010201 rgb(1,2,1)
```
#070f0b
```
#070f0b rgb(7,15,11)
```
#0e1c15
```
#0e1c15 rgb(14,28,21)
```
#15291f
```
#15291f rgb(21,41,31)
```
#1b3629
```
#1b3629 rgb(27,54,41)
```
#224333
```
#224333 rgb(34,67,51)
```
#28503d
```
#28503d rgb(40,80,61)
```
#2f5d47
```
#2f5d47 rgb(47,93,71)
```
#366a50
```
#366a50 rgb(54,106,80)
```
#3c775a
```
#3c775a rgb(60,119,90)
```
#438464
```
#438464 rgb(67,132,100)
```
#49916e
```
#49916e rgb(73,145,110)
```
#509e78
```
#509e78 rgb(80,158,120)
```

Shade Color Variation

#57aa82
```
#57aa82 rgb(87,170,130)
```
#64b18c
```
#64b18c rgb(100,177,140)
```
#71b795
```
#71b795 rgb(113,183,149)
```
#7fbe9f
```
#7fbe9f rgb(127,190,159)
```
#8cc5a9
```
#8cc5a9 rgb(140,197,169)
```
#99cbb2
```
#99cbb2 rgb(153,203,178)
```
#a6d2bc
```
#a6d2bc rgb(166,210,188)
```
#b3d8c6
```
#b3d8c6 rgb(179,216,198)
```
#c0dfd0
```
#c0dfd0 rgb(192,223,208)
```
#cde6d9
```
#cde6d9 rgb(205,230,217)
```
#daece3
```
#daece3 rgb(218,236,227)
```
#e7f3ed
```
#e7f3ed rgb(231,243,237)
```
#f4f9f7
```
#f4f9f7 rgb(244,249,247)
```

Tint Color Variation

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

#757977
```
#757977 rgb(117,121,119)
```
#6b8377
```
#6b8377 rgb(107,131,119)
```
#628c78
```
#628c78 rgb(98,140,120)
```
#599578
```
#599578 rgb(89,149,120)
```
#509e78
```
#509e78 rgb(80,158,120)
```
#47a778
```
#47a778 rgb(71,167,120)
```
#3eb078
```
#3eb078 rgb(62,176,120)
```
#35b979
```
#35b979 rgb(53,185,121)
```
#2bc379
```
#2bc379 rgb(43,195,121)
```
#22cc79
```
#22cc79 rgb(34,204,121)
```
#19d579
```
#19d579 rgb(25,213,121)
```
#10de7a
```
#10de7a rgb(16,222,122)
```
#07e77a
```
#07e77a rgb(7,231,122)
```

Tone Color Variation

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

#9d9478 Protanopia 1% of men
#a88f85 Deuteranopia 1% of men
#669da8 Tritanopia 0.001% of the population

Trichromacy

#819878 Protanomaly 1% of men, 0.01% of women
#889580 Deuteranomaly 6% of men, 0.4% of women
#5e9d97 Tritanomaly 0.01% of the population

#509e78 hex color

#509e78 Color Information

#509e78 Color Conversion

Color Schemes with #509e78

Alternatives to #509e78

#509e78 Preview

Shades and Tints of #509e78

Tones of #509e78

Color Blindness Simulator