#507e77 hex color

In a RGB color space, hex #507e77 is composed of 31.4% red, 49.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 5.6% yellow and 50.6% black. It has a hue angle of 170.9 degrees, a saturation of 22.3% and a lightness of 40.4%. #507e77 color hex could be obtained by blending #a0fcee with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 49
- B 47
RGB color chart
- C 37
- M 0
- Y 6
- K 51
CMYK color chart

● #507e77 color description : Mostly desaturated dark cyan.

The hexadecimal color #507e77 has RGB values of R:80, G:126, B:119 and CMYK values of C:0.37, M:0, Y:0.06, K:0.51. Its decimal value is 5275255.

Hex triplet	507e77	`#507e77`
RGB Decimal	80, 126, 119	`rgb(80,126,119)`
RGB Percent	31.4, 49.4, 46.7	`rgb(31.4%,49.4%,46.7%)`
CMYK	37, 0, 6, 51
HSL	170.9°, 22.3, 40.4	`hsl(170.9,22.3%,40.4%)`
HSV (or HSB)	170.9°, 36.5, 49.4
Web Safe	666666	`#666666`

CIE-LAB	49.446, -17.42, -1.183
XYZ	14.098, 17.958, 20.175
xyY	0.27, 0.344, 17.958
CIE-LCH	49.446, 17.46, 183.885
CIE-LUV	49.446, -21.797, 0.968
Hunter-Lab	42.377, -14.777, 1.437
Binary	01010000, 01111110, 01110111

#507e77
```
#507e77 rgb(80,126,119)
```
#7e5057
```
#7e5057 rgb(126,80,87)
```

Complementary Color

#507e60
```
#507e60 rgb(80,126,96)
```
#507e77
```
#507e77 rgb(80,126,119)
```
#506e7e
```
#506e7e rgb(80,110,126)
```

Analogous Color

#7e6050
```
#7e6050 rgb(126,96,80)
```
#507e77
```
#507e77 rgb(80,126,119)
```
#7e506e
```
#7e506e rgb(126,80,110)
```

Split Complementary Color

#7e7750
```
#7e7750 rgb(126,119,80)
```
#507e77
```
#507e77 rgb(80,126,119)
```
#77507e
```
#77507e rgb(119,80,126)
```

Triadic Color

#577e50
```
#577e50 rgb(87,126,80)
```
#507e77
```
#507e77 rgb(80,126,119)
```
#77507e
```
#77507e rgb(119,80,126)
```
#7e5057
```
#7e5057 rgb(126,80,87)
```

Tetradic Color

#324f4b
```
#324f4b rgb(50,79,75)
```
#3c5f5a
```
#3c5f5a rgb(60,95,90)
```
#466e68
```
#466e68 rgb(70,110,104)
```
#507e77
```
#507e77 rgb(80,126,119)
```
#5a8e86
```
#5a8e86 rgb(90,142,134)
```
#649d94
```
#649d94 rgb(100,157,148)
```
#74a79f
```
#74a79f rgb(116,167,159)
```

Monochromatic Color

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

#507e6c
```
#507e6c rgb(80,126,108)
```
#507e6f
```
#507e6f rgb(80,126,111)
```
#507e73
```
#507e73 rgb(80,126,115)
```
#507e77
```
#507e77 rgb(80,126,119)
```
#507e7b
```
#507e7b rgb(80,126,123)
```
#507d7e
```
#507d7e rgb(80,125,126)
```
#507a7e
```
#507a7e rgb(80,122,126)
```

Similar Colors

Text with hexadecimal color #507e77

This text has a font color of #507e77.

<span style="color:#507e77;">Text here</span>

#507e77 background color

This paragraph has a background color of #507e77.

<p style="background-color:#507e77;">Content here</p>

#507e77 border color

This element has a border color of #507e77.

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

CSS codes

.text {color:#507e77;}

.background {background-color:#507e77;}

.border {border:1px solid #507e77;}

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1211
```
#0b1211 rgb(11,18,17)
```
#131e1c
```
#131e1c rgb(19,30,28)
```
#1b2a28
```
#1b2a28 rgb(27,42,40)
```
#223633
```
#223633 rgb(34,54,51)
```
#2a423e
```
#2a423e rgb(42,66,62)
```
#324e4a
```
#324e4a rgb(50,78,74)
```
#395a55
```
#395a55 rgb(57,90,85)
```
#416660
```
#416660 rgb(65,102,96)
```
#48726c
```
#48726c rgb(72,114,108)
```
#507e77
```
#507e77 rgb(80,126,119)
```
#588a82
```
#588a82 rgb(88,138,130)
```
#5f968e
```
#5f968e rgb(95,150,142)
```

Shade Color Variation

#69a097
```
#69a097 rgb(105,160,151)
```
#75a7a0
```
#75a7a0 rgb(117,167,160)
```
#81afa8
```
#81afa8 rgb(129,175,168)
```
#8db7b0
```
#8db7b0 rgb(141,183,176)
```
#99beb9
```
#99beb9 rgb(153,190,185)
```
#a5c6c1
```
#a5c6c1 rgb(165,198,193)
```
#b1cec9
```
#b1cec9 rgb(177,206,201)
```
#bdd5d1
```
#bdd5d1 rgb(189,213,209)
```
#c9ddda
```
#c9ddda rgb(201,221,218)
```
#d5e4e2
```
#d5e4e2 rgb(213,228,226)
```
#e1ecea
```
#e1ecea rgb(225,236,234)
```
#edf4f3
```
#edf4f3 rgb(237,244,243)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606e6c is the less saturated color, while #01cdae is the most saturated one.

#606e6c
```
#606e6c rgb(96,110,108)
```
#587671
```
#587671 rgb(88,118,113)
```
#507e77
```
#507e77 rgb(80,126,119)
```
#48867d
```
#48867d rgb(72,134,125)
```
#408e82
```
#408e82 rgb(64,142,130)
```
#389688
```
#389688 rgb(56,150,136)
```
#309e8d
```
#309e8d rgb(48,158,141)
```
#28a693
```
#28a693 rgb(40,166,147)
```
#20ae98
```
#20ae98 rgb(32,174,152)
```
#19b59e
```
#19b59e rgb(25,181,158)
```
#11bda3
```
#11bda3 rgb(17,189,163)
```
#09c5a9
```
#09c5a9 rgb(9,197,169)
```
#01cdae
```
#01cdae rgb(1,205,174)
```

Tone Color Variation

Below, you can see how #507e77 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

#6f6f6f Achromatopsia 0.005% of the population
#697271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7c79 Protanopia 1% of men
#857982 Deuteranopia 1% of men
#5d828c Tritanopia 0.001% of the population

Trichromacy

#6e7c78 Protanomaly 1% of men, 0.01% of women
#727a7e Deuteranomaly 6% of men, 0.4% of women
#588084 Tritanomaly 0.01% of the population

#507e77 hex color

#507e77 Color Information

#507e77 Color Conversion

Color Schemes with #507e77

Alternatives to #507e77

#507e77 Preview

Shades and Tints of #507e77

Tones of #507e77

Color Blindness Simulator