#509e7c hex color

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

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

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

The hexadecimal color #509e7c has RGB values of R:80, G:158, B:124 and CMYK values of C:0.49, M:0, Y:0.22, K:0.38. Its decimal value is 5283452.

Hex triplet	509e7c	`#509e7c`
RGB Decimal	80, 158, 124	`rgb(80,158,124)`
RGB Percent	31.4, 62, 48.6	`rgb(31.4%,62%,48.6%)`
CMYK	49, 0, 22, 38
HSL	153.8°, 32.8, 46.7	`hsl(153.8,32.8%,46.7%)`
HSV (or HSB)	153.8°, 49.4, 62
Web Safe	669966	`#669966`

CIE-LAB	59.538, -32.36, 10.461
XYZ	19.172, 27.613, 23.387
xyY	0.273, 0.394, 27.613
CIE-LCH	59.538, 34.009, 162.085
CIE-LUV	59.538, -35.247, 19.516
Hunter-Lab	52.548, -26.835, 10.396
Binary	01010000, 10011110, 01111100

#509e7c
```
#509e7c rgb(80,158,124)
```
#9e5072
```
#9e5072 rgb(158,80,114)
```

Complementary Color

#509e55
```
#509e55 rgb(80,158,85)
```
#509e7c
```
#509e7c rgb(80,158,124)
```
#50999e
```
#50999e rgb(80,153,158)
```

Analogous Color

#9e5550
```
#9e5550 rgb(158,85,80)
```
#509e7c
```
#509e7c rgb(80,158,124)
```
#9e5099
```
#9e5099 rgb(158,80,153)
```

Split Complementary Color

#9e7c50
```
#9e7c50 rgb(158,124,80)
```
#509e7c
```
#509e7c rgb(80,158,124)
```
#7c509e
```
#7c509e rgb(124,80,158)
```

Triadic Color

#729e50
```
#729e50 rgb(114,158,80)
```
#509e7c
```
#509e7c rgb(80,158,124)
```
#7c509e
```
#7c509e rgb(124,80,158)
```
#9e5072
```
#9e5072 rgb(158,80,114)
```

Tetradic Color

#366b54
```
#366b54 rgb(54,107,84)
```
#3f7c61
```
#3f7c61 rgb(63,124,97)
```
#478d6f
```
#478d6f rgb(71,141,111)
```
#509e7c
```
#509e7c rgb(80,158,124)
```
#5bac89
```
#5bac89 rgb(91,172,137)
```
#6cb595
```
#6cb595 rgb(108,181,149)
```
#7dbda1
```
#7dbda1 rgb(125,189,161)
```

Monochromatic Color

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

#509e69
```
#509e69 rgb(80,158,105)
```
#509e6f
```
#509e6f rgb(80,158,111)
```
#509e76
```
#509e76 rgb(80,158,118)
```
#509e7c
```
#509e7c rgb(80,158,124)
```
#509e83
```
#509e83 rgb(80,158,131)
```
#509e89
```
#509e89 rgb(80,158,137)
```
#509e90
```
#509e90 rgb(80,158,144)
```

Similar Colors

Text with hexadecimal color #509e7c

This text has a font color of #509e7c.

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

#509e7c background color

This paragraph has a background color of #509e7c.

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

#509e7c border color

This element has a border color of #509e7c.

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

CSS codes

.text {color:#509e7c;}

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

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

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)
```
#070f0c
```
#070f0c rgb(7,15,12)
```
#0e1c16
```
#0e1c16 rgb(14,28,22)
```
#152920
```
#152920 rgb(21,41,32)
```
#1b362a
```
#1b362a rgb(27,54,42)
```
#224334
```
#224334 rgb(34,67,52)
```
#28503f
```
#28503f rgb(40,80,63)
```
#2f5d49
```
#2f5d49 rgb(47,93,73)
```
#366a53
```
#366a53 rgb(54,106,83)
```
#3c775d
```
#3c775d rgb(60,119,93)
```
#438468
```
#438468 rgb(67,132,104)
```
#499172
```
#499172 rgb(73,145,114)
```
#509e7c
```
#509e7c rgb(80,158,124)
```

Shade Color Variation

#57aa86
```
#57aa86 rgb(87,170,134)
```
#64b190
```
#64b190 rgb(100,177,144)
```
#71b799
```
#71b799 rgb(113,183,153)
```
#7fbea2
```
#7fbea2 rgb(127,190,162)
```
#8cc5ac
```
#8cc5ac rgb(140,197,172)
```
#99cbb5
```
#99cbb5 rgb(153,203,181)
```
#a6d2be
```
#a6d2be rgb(166,210,190)
```
#b3d8c8
```
#b3d8c8 rgb(179,216,200)
```
#c0dfd1
```
#c0dfd1 rgb(192,223,209)
```
#cde6db
```
#cde6db rgb(205,230,219)
```
#daece4
```
#daece4 rgb(218,236,228)
```
#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 #07e785 is the most saturated one.

#757977
```
#757977 rgb(117,121,119)
```
#6b8378
```
#6b8378 rgb(107,131,120)
```
#628c7a
```
#628c7a rgb(98,140,122)
```
#59957b
```
#59957b rgb(89,149,123)
```
#509e7c
```
#509e7c rgb(80,158,124)
```
#47a77d
```
#47a77d rgb(71,167,125)
```
#3eb07e
```
#3eb07e rgb(62,176,126)
```
#35b980
```
#35b980 rgb(53,185,128)
```
#2bc381
```
#2bc381 rgb(43,195,129)
```
#22cc82
```
#22cc82 rgb(34,204,130)
```
#19d583
```
#19d583 rgb(25,213,131)
```
#10de84
```
#10de84 rgb(16,222,132)
```
#07e785
```
#07e785 rgb(7,231,133)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#798882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d947c Protanopia 1% of men
#a79089 Deuteranopia 1% of men
#659da9 Tritanopia 0.001% of the population

Trichromacy

#81987c Protanomaly 1% of men, 0.01% of women
#879584 Deuteranomaly 6% of men, 0.4% of women
#5d9d98 Tritanomaly 0.01% of the population

#509e7c hex color

#509e7c Color Information

#509e7c Color Conversion

Color Schemes with #509e7c

Alternatives to #509e7c

#509e7c Preview

Shades and Tints of #509e7c

Tones of #509e7c

Color Blindness Simulator