#508377 hex color

In a RGB color space, hex #508377 is composed of 31.4% red, 51.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 0% magenta, 9.2% yellow and 48.6% black. It has a hue angle of 165.9 degrees, a saturation of 24.2% and a lightness of 41.4%. #508377 color hex could be obtained by blending #a0ffee with #000700. Closest websafe color is: #669966.

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

● #508377 color description : Mostly desaturated dark cyan.

The hexadecimal color #508377 has RGB values of R:80, G:131, B:119 and CMYK values of C:0.39, M:0, Y:0.09, K:0.49. Its decimal value is 5276535.

Hex triplet	508377	`#508377`
RGB Decimal	80, 131, 119	`rgb(80,131,119)`
RGB Percent	31.4, 51.4, 46.7	`rgb(31.4%,51.4%,46.7%)`
CMYK	39, 0, 9, 49
HSL	165.9°, 24.2, 41.4	`hsl(165.9,24.2%,41.4%)`
HSV (or HSB)	165.9°, 38.9, 51.4
Web Safe	669966	`#669966`

CIE-LAB	51.001, -20.084, 1.088
XYZ	14.753, 19.269, 20.394
xyY	0.271, 0.354, 19.269
CIE-LCH	51.001, 20.113, 176.899
CIE-LUV	51.001, -23.966, 4.529
Hunter-Lab	43.897, -16.827, 3.183
Binary	01010000, 10000011, 01110111

#508377
```
#508377 rgb(80,131,119)
```
#83505c
```
#83505c rgb(131,80,92)
```

Complementary Color

#50835e
```
#50835e rgb(80,131,94)
```
#508377
```
#508377 rgb(80,131,119)
```
#507683
```
#507683 rgb(80,118,131)
```

Analogous Color

#835e50
```
#835e50 rgb(131,94,80)
```
#508377
```
#508377 rgb(80,131,119)
```
#835076
```
#835076 rgb(131,80,118)
```

Split Complementary Color

#837750
```
#837750 rgb(131,119,80)
```
#508377
```
#508377 rgb(80,131,119)
```
#775083
```
#775083 rgb(119,80,131)
```

Triadic Color

#5c8350
```
#5c8350 rgb(92,131,80)
```
#508377
```
#508377 rgb(80,131,119)
```
#775083
```
#775083 rgb(119,80,131)
```
#83505c
```
#83505c rgb(131,80,92)
```

Tetradic Color

#33544c
```
#33544c rgb(51,84,76)
```
#3d635a
```
#3d635a rgb(61,99,90)
```
#467369
```
#467369 rgb(70,115,105)
```
#508377
```
#508377 rgb(80,131,119)
```
#5a9385
```
#5a9385 rgb(90,147,133)
```
#65a193
```
#65a193 rgb(101,161,147)
```
#75ab9e
```
#75ab9e rgb(117,171,158)
```

Monochromatic Color

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

#50836a
```
#50836a rgb(80,131,106)
```
#50836f
```
#50836f rgb(80,131,111)
```
#508373
```
#508373 rgb(80,131,115)
```
#508377
```
#508377 rgb(80,131,119)
```
#50837b
```
#50837b rgb(80,131,123)
```
#508380
```
#508380 rgb(80,131,128)
```
#508283
```
#508283 rgb(80,130,131)
```

Similar Colors

Text with hexadecimal color #508377

This text has a font color of #508377.

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

#508377 background color

This paragraph has a background color of #508377.

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

#508377 border color

This element has a border color of #508377.

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

CSS codes

.text {color:#508377;}

.background {background-color:#508377;}

.border {border:1px solid #508377;}

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

#060908
```
#060908 rgb(6,9,8)
```
#0d1513
```
#0d1513 rgb(13,21,19)
```
#15221e
```
#15221e rgb(21,34,30)
```
#1c2e2a
```
#1c2e2a rgb(28,46,42)
```
#233a35
```
#233a35 rgb(35,58,53)
```
#2b4640
```
#2b4640 rgb(43,70,64)
```
#32524b
```
#32524b rgb(50,82,75)
```
#3a5e56
```
#3a5e56 rgb(58,94,86)
```
#416b61
```
#416b61 rgb(65,107,97)
```
#49776c
```
#49776c rgb(73,119,108)
```
#508377
```
#508377 rgb(80,131,119)
```
#578f82
```
#578f82 rgb(87,143,130)
```
#5f9b8d
```
#5f9b8d rgb(95,155,141)
```

Shade Color Variation

#6aa496
```
#6aa496 rgb(106,164,150)
```
#76ab9f
```
#76ab9f rgb(118,171,159)
```
#82b3a7
```
#82b3a7 rgb(130,179,167)
```
#8ebab0
```
#8ebab0 rgb(142,186,176)
```
#9bc2b8
```
#9bc2b8 rgb(155,194,184)
```
#a7c9c1
```
#a7c9c1 rgb(167,201,193)
```
#b3d1ca
```
#b3d1ca rgb(179,209,202)
```
#bfd8d2
```
#bfd8d2 rgb(191,216,210)
```
#cbdfdb
```
#cbdfdb rgb(203,223,219)
```
#d8e7e3
```
#d8e7e3 rgb(216,231,227)
```
#e4eeec
```
#e4eeec rgb(228,238,236)
```
#f0f6f4
```
#f0f6f4 rgb(240,246,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#686b6a
```
#686b6a rgb(104,107,106)
```
#60736e
```
#60736e rgb(96,115,110)
```
#587b73
```
#587b73 rgb(88,123,115)
```
#508377
```
#508377 rgb(80,131,119)
```
#488b7b
```
#488b7b rgb(72,139,123)
```
#409380
```
#409380 rgb(64,147,128)
```
#389b84
```
#389b84 rgb(56,155,132)
```
#30a388
```
#30a388 rgb(48,163,136)
```
#27ac8c
```
#27ac8c rgb(39,172,140)
```
#1fb491
```
#1fb491 rgb(31,180,145)
```
#17bc95
```
#17bc95 rgb(23,188,149)
```
#0fc499
```
#0fc499 rgb(15,196,153)
```
#07cc9e
```
#07cc9e rgb(7,204,158)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6b7573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847f79 Protanopia 1% of men
#8b7c82 Deuteranopia 1% of men
#5e8690 Tritanopia 0.001% of the population

Trichromacy

#718178 Protanomaly 1% of men, 0.01% of women
#757e7e Deuteranomaly 6% of men, 0.4% of women
#598587 Tritanomaly 0.01% of the population

#508377 hex color

#508377 Color Information

#508377 Color Conversion

Color Schemes with #508377

Alternatives to #508377

#508377 Preview

Shades and Tints of #508377

Tones of #508377

Color Blindness Simulator