#506c64 hex color

In a RGB color space, hex #506c64 is composed of 31.4% red, 42.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 0% magenta, 7.4% yellow and 57.6% black. It has a hue angle of 162.9 degrees, a saturation of 14.9% and a lightness of 36.9%. #506c64 color hex could be obtained by blending #a0d8c8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 42
- B 39
RGB color chart
- C 26
- M 0
- Y 7
- K 58
CMYK color chart

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

The hexadecimal color #506c64 has RGB values of R:80, G:108, B:100 and CMYK values of C:0.26, M:0, Y:0.07, K:0.58. Its decimal value is 5270628.

Hex triplet	506c64	`#506c64`
RGB Decimal	80, 108, 100	`rgb(80,108,100)`
RGB Percent	31.4, 42.4, 39.2	`rgb(31.4%,42.4%,39.2%)`
CMYK	26, 0, 7, 58
HSL	162.9°, 14.9, 36.9	`hsl(162.9,14.9%,36.9%)`
HSV (or HSB)	162.9°, 25.9, 42.4
Web Safe	666666	`#666666`

CIE-LAB	43.286, -12.101, 1.141
XYZ	10.97, 13.35, 14.055
xyY	0.286, 0.348, 13.35
CIE-LCH	43.286, 12.155, 174.612
CIE-LUV	43.286, -13.877, 3.29
Hunter-Lab	36.538, -10.347, 2.77
Binary	01010000, 01101100, 01100100

#506c64
```
#506c64 rgb(80,108,100)
```
#6c5058
```
#6c5058 rgb(108,80,88)
```

Complementary Color

#506c56
```
#506c56 rgb(80,108,86)
```
#506c64
```
#506c64 rgb(80,108,100)
```
#50666c
```
#50666c rgb(80,102,108)
```

Analogous Color

#6c5650
```
#6c5650 rgb(108,86,80)
```
#506c64
```
#506c64 rgb(80,108,100)
```
#6c5066
```
#6c5066 rgb(108,80,102)
```

Split Complementary Color

#6c6450
```
#6c6450 rgb(108,100,80)
```
#506c64
```
#506c64 rgb(80,108,100)
```
#64506c
```
#64506c rgb(100,80,108)
```

Triadic Color

#586c50
```
#586c50 rgb(88,108,80)
```
#506c64
```
#506c64 rgb(80,108,100)
```
#64506c
```
#64506c rgb(100,80,108)
```
#6c5058
```
#6c5058 rgb(108,80,88)
```

Tetradic Color

#2f403b
```
#2f403b rgb(47,64,59)
```
#3a4f49
```
#3a4f49 rgb(58,79,73)
```
#455d56
```
#455d56 rgb(69,93,86)
```
#506c64
```
#506c64 rgb(80,108,100)
```
#5b7b72
```
#5b7b72 rgb(91,123,114)
```
#66897f
```
#66897f rgb(102,137,127)
```
#72978c
```
#72978c rgb(114,151,140)
```

Monochromatic Color

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

#506c5d
```
#506c5d rgb(80,108,93)
```
#506c5f
```
#506c5f rgb(80,108,95)
```
#506c62
```
#506c62 rgb(80,108,98)
```
#506c64
```
#506c64 rgb(80,108,100)
```
#506c66
```
#506c66 rgb(80,108,102)
```
#506c69
```
#506c69 rgb(80,108,105)
```
#506c6b
```
#506c6b rgb(80,108,107)
```

Similar Colors

Text with hexadecimal color #506c64

This text has a font color of #506c64.

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

#506c64 background color

This paragraph has a background color of #506c64.

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

#506c64 border color

This element has a border color of #506c64.

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

CSS codes

.text {color:#506c64;}

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

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

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

#050706
```
#050706 rgb(5,7,6)
```
#0d1211
```
#0d1211 rgb(13,18,17)
```
#161d1b
```
#161d1b rgb(22,29,27)
```
#1e2825
```
#1e2825 rgb(30,40,37)
```
#263430
```
#263430 rgb(38,52,48)
```
#2f3f3a
```
#2f3f3a rgb(47,63,58)
```
#374a45
```
#374a45 rgb(55,74,69)
```
#3f554f
```
#3f554f rgb(63,85,79)
```
#48615a
```
#48615a rgb(72,97,90)
```
#506c64
```
#506c64 rgb(80,108,100)
```
#58776e
```
#58776e rgb(88,119,110)
```
#618379
```
#618379 rgb(97,131,121)
```
#698e83
```
#698e83 rgb(105,142,131)
```

Shade Color Variation

#73978d
```
#73978d rgb(115,151,141)
```
#7ea096
```
#7ea096 rgb(126,160,150)
```
#8aa89f
```
#8aa89f rgb(138,168,159)
```
#95b0a9
```
#95b0a9 rgb(149,176,169)
```
#a0b9b2
```
#a0b9b2 rgb(160,185,178)
```
#abc1bb
```
#abc1bb rgb(171,193,187)
```
#b7c9c4
```
#b7c9c4 rgb(183,201,196)
```
#c2d2cd
```
#c2d2cd rgb(194,210,205)
```
#cddad6
```
#cddad6 rgb(205,218,214)
```
#d9e2e0
```
#d9e2e0 rgb(217,226,224)
```
#e4ebe9
```
#e4ebe9 rgb(228,235,233)
```
#eff3f2
```
#eff3f2 rgb(239,243,242)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#576561
```
#576561 rgb(87,101,97)
```
#506c64
```
#506c64 rgb(80,108,100)
```
#497367
```
#497367 rgb(73,115,103)
```
#427a6a
```
#427a6a rgb(66,122,106)
```
#3a826d
```
#3a826d rgb(58,130,109)
```
#338970
```
#338970 rgb(51,137,112)
```
#2c9073
```
#2c9073 rgb(44,144,115)
```
#259777
```
#259777 rgb(37,151,119)
```
#1d9f7a
```
#1d9f7a rgb(29,159,122)
```
#16a67d
```
#16a67d rgb(22,166,125)
```
#0fad80
```
#0fad80 rgb(15,173,128)
```
#08b483
```
#08b483 rgb(8,180,131)
```
#00bc86
```
#00bc86 rgb(0,188,134)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5f6563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716d69 Protanopia 1% of men
#776a6e Deuteranopia 1% of men
#5c7179 Tritanopia 0.001% of the population

Trichromacy

#656d67 Protanomaly 1% of men, 0.01% of women
#696b6a Deuteranomaly 6% of men, 0.4% of women
#576f71 Tritanomaly 0.01% of the population

#506c64 hex color

#506c64 Color Information

#506c64 Color Conversion

Color Schemes with #506c64

Alternatives to #506c64

#506c64 Preview

Shades and Tints of #506c64

Tones of #506c64

Color Blindness Simulator