#506e63 hex color

In a RGB color space, hex #506e63 is composed of 31.4% red, 43.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 27.3% cyan, 0% magenta, 10% yellow and 56.9% black. It has a hue angle of 158 degrees, a saturation of 15.8% and a lightness of 37.3%. #506e63 color hex could be obtained by blending #a0dcc6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 43
- B 39
RGB color chart
- C 27
- M 0
- Y 10
- K 57
CMYK color chart

● #506e63 color description : Very dark grayish cyan - lime green.

The hexadecimal color #506e63 has RGB values of R:80, G:110, B:99 and CMYK values of C:0.27, M:0, Y:0.1, K:0.57. Its decimal value is 5271139.

Hex triplet	506e63	`#506e63`
RGB Decimal	80, 110, 99	`rgb(80,110,99)`
RGB Percent	31.4, 43.1, 38.8	`rgb(31.4%,43.1%,38.8%)`
CMYK	27, 0, 10, 57
HSL	158°, 15.8, 37.3	`hsl(158,15.8%,37.3%)`
HSV (or HSB)	158°, 27.3, 43.1
Web Safe	666666	`#666666`

CIE-LAB	43.884, -13.458, 2.61
XYZ	11.136, 13.758, 13.872
xyY	0.287, 0.355, 13.758
CIE-LCH	43.884, 13.709, 169.026
CIE-LUV	43.884, -14.798, 5.427
Hunter-Lab	37.092, -11.32, 3.789
Binary	01010000, 01101110, 01100011

#506e63
```
#506e63 rgb(80,110,99)
```
#6e505b
```
#6e505b rgb(110,80,91)
```

Complementary Color

#506e54
```
#506e54 rgb(80,110,84)
```
#506e63
```
#506e63 rgb(80,110,99)
```
#506a6e
```
#506a6e rgb(80,106,110)
```

Analogous Color

#6e5450
```
#6e5450 rgb(110,84,80)
```
#506e63
```
#506e63 rgb(80,110,99)
```
#6e506a
```
#6e506a rgb(110,80,106)
```

Split Complementary Color

#6e6350
```
#6e6350 rgb(110,99,80)
```
#506e63
```
#506e63 rgb(80,110,99)
```
#63506e
```
#63506e rgb(99,80,110)
```

Triadic Color

#5b6e50
```
#5b6e50 rgb(91,110,80)
```
#506e63
```
#506e63 rgb(80,110,99)
```
#63506e
```
#63506e rgb(99,80,110)
```
#6e505b
```
#6e505b rgb(110,80,91)
```

Tetradic Color

#30423b
```
#30423b rgb(48,66,59)
```
#3b5048
```
#3b5048 rgb(59,80,72)
```
#455f56
```
#455f56 rgb(69,95,86)
```
#506e63
```
#506e63 rgb(80,110,99)
```
#5b7d70
```
#5b7d70 rgb(91,125,112)
```
#658c7e
```
#658c7e rgb(101,140,126)
```
#72988a
```
#72988a rgb(114,152,138)
```

Monochromatic Color

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

#506e5c
```
#506e5c rgb(80,110,92)
```
#506e5e
```
#506e5e rgb(80,110,94)
```
#506e61
```
#506e61 rgb(80,110,97)
```
#506e63
```
#506e63 rgb(80,110,99)
```
#506e66
```
#506e66 rgb(80,110,102)
```
#506e68
```
#506e68 rgb(80,110,104)
```
#506e6b
```
#506e6b rgb(80,110,107)
```

Similar Colors

Text with hexadecimal color #506e63

This text has a font color of #506e63.

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

#506e63 background color

This paragraph has a background color of #506e63.

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

#506e63 border color

This element has a border color of #506e63.

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

CSS codes

.text {color:#506e63;}

.background {background-color:#506e63;}

.border {border:1px solid #506e63;}

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

#060807
```
#060807 rgb(6,8,7)
```
#0e1311
```
#0e1311 rgb(14,19,17)
```
#161f1b
```
#161f1b rgb(22,31,27)
```
#1e2a26
```
#1e2a26 rgb(30,42,38)
```
#273530
```
#273530 rgb(39,53,48)
```
#2f413a
```
#2f413a rgb(47,65,58)
```
#374c44
```
#374c44 rgb(55,76,68)
```
#3f574f
```
#3f574f rgb(63,87,79)
```
#486359
```
#486359 rgb(72,99,89)
```
#506e63
```
#506e63 rgb(80,110,99)
```
#58796d
```
#58796d rgb(88,121,109)
```
#618577
```
#618577 rgb(97,133,119)
```
#699082
```
#699082 rgb(105,144,130)
```

Shade Color Variation

#73998b
```
#73998b rgb(115,153,139)
```
#7fa295
```
#7fa295 rgb(127,162,149)
```
#8aaa9e
```
#8aaa9e rgb(138,170,158)
```
#95b2a8
```
#95b2a8 rgb(149,178,168)
```
#a1bab1
```
#a1bab1 rgb(161,186,177)
```
#acc3ba
```
#acc3ba rgb(172,195,186)
```
#b7cbc4
```
#b7cbc4 rgb(183,203,196)
```
#c3d3cd
```
#c3d3cd rgb(195,211,205)
```
#cedbd6
```
#cedbd6 rgb(206,219,214)
```
#d9e4e0
```
#d9e4e0 rgb(217,228,224)
```
#e5ece9
```
#e5ece9 rgb(229,236,233)
```
#f0f4f3
```
#f0f4f3 rgb(240,244,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#5f5f5f
```
#5f5f5f rgb(95,95,95)
```
#576761
```
#576761 rgb(87,103,97)
```
#506e63
```
#506e63 rgb(80,110,99)
```
#497565
```
#497565 rgb(73,117,101)
```
#417d67
```
#417d67 rgb(65,125,103)
```
#3a8469
```
#3a8469 rgb(58,132,105)
```
#338b6b
```
#338b6b rgb(51,139,107)
```
#2b936d
```
#2b936d rgb(43,147,109)
```
#249a6f
```
#249a6f rgb(36,154,111)
```
#1da171
```
#1da171 rgb(29,161,113)
```
#16a873
```
#16a873 rgb(22,168,115)
```
#0eb075
```
#0eb075 rgb(14,176,117)
```
#07b776
```
#07b776 rgb(7,183,118)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#606664 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736f67 Protanopia 1% of men
#7a6c6e Deuteranopia 1% of men
#5d737b Tritanopia 0.001% of the population

Trichromacy

#666e66 Protanomaly 1% of men, 0.01% of women
#6a6c6a Deuteranomaly 6% of men, 0.4% of women
#587172 Tritanomaly 0.01% of the population

#506e63 hex color

#506e63 Color Information

#506e63 Color Conversion

Color Schemes with #506e63

Alternatives to #506e63

#506e63 Preview

Shades and Tints of #506e63

Tones of #506e63

Color Blindness Simulator