#506746 hex color

In a RGB color space, hex #506746 is composed of 31.4% red, 40.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 22.3% cyan, 0% magenta, 32% yellow and 59.6% black. It has a hue angle of 101.8 degrees, a saturation of 19.1% and a lightness of 33.9%. #506746 color hex could be obtained by blending #a0ce8c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 40
- B 27
RGB color chart
- C 22
- M 0
- Y 32
- K 60
CMYK color chart

● #506746 color description : Very dark grayish green.

The hexadecimal color #506746 has RGB values of R:80, G:103, B:70 and CMYK values of C:0.22, M:0, Y:0.32, K:0.6. Its decimal value is 5269318.

Hex triplet	506746	`#506746`
RGB Decimal	80, 103, 70	`rgb(80,103,70)`
RGB Percent	31.4, 40.4, 27.5	`rgb(31.4%,40.4%,27.5%)`
CMYK	22, 0, 32, 60
HSL	101.8°, 19.1, 33.9	`hsl(101.8,19.1%,33.9%)`
HSV (or HSB)	101.8°, 32, 40.4
Web Safe	666633	`#666633`

CIE-LAB	40.973, -15.474, 15.909
XYZ	9.264, 11.848, 7.593
xyY	0.323, 0.413, 11.848
CIE-LCH	40.973, 22.193, 134.206
CIE-LUV	40.973, -11.286, 21.312
Hunter-Lab	34.421, -12.197, 11.016
Binary	01010000, 01100111, 01000110

#506746
```
#506746 rgb(80,103,70)
```
#5d4667
```
#5d4667 rgb(93,70,103)
```

Complementary Color

#616746
```
#616746 rgb(97,103,70)
```
#506746
```
#506746 rgb(80,103,70)
```
#46674d
```
#46674d rgb(70,103,77)
```

Analogous Color

#674661
```
#674661 rgb(103,70,97)
```
#506746
```
#506746 rgb(80,103,70)
```
#4d4667
```
#4d4667 rgb(77,70,103)
```

Split Complementary Color

#674650
```
#674650 rgb(103,70,80)
```
#506746
```
#506746 rgb(80,103,70)
```
#465067
```
#465067 rgb(70,80,103)
```

Triadic Color

#675d46
```
#675d46 rgb(103,93,70)
```
#506746
```
#506746 rgb(80,103,70)
```
#465067
```
#465067 rgb(70,80,103)
```
#5d4667
```
#5d4667 rgb(93,70,103)
```

Tetradic Color

#2d3927
```
#2d3927 rgb(45,57,39)
```
#384931
```
#384931 rgb(56,73,49)
```
#44583c
```
#44583c rgb(68,88,60)
```
#506746
```
#506746 rgb(80,103,70)
```
#5c7650
```
#5c7650 rgb(92,118,80)
```
#68855b
```
#68855b rgb(104,133,91)
```
#739565
```
#739565 rgb(115,149,101)
```

Monochromatic Color

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

#586746
```
#586746 rgb(88,103,70)
```
#566746
```
#566746 rgb(86,103,70)
```
#536746
```
#536746 rgb(83,103,70)
```
#506746
```
#506746 rgb(80,103,70)
```
#4d6746
```
#4d6746 rgb(77,103,70)
```
#4b6746
```
#4b6746 rgb(75,103,70)
```
#486746
```
#486746 rgb(72,103,70)
```

Similar Colors

Text with hexadecimal color #506746

This text has a font color of #506746.

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

#506746 background color

This paragraph has a background color of #506746.

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

#506746 border color

This element has a border color of #506746.

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

CSS codes

.text {color:#506746;}

.background {background-color:#506746;}

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

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, #070a07 is the darkest color, while #fdfefd is the lightest one.

#070a07
```
#070a07 rgb(7,10,7)
```
#11150e
```
#11150e rgb(17,21,14)
```
#1a2116
```
#1a2116 rgb(26,33,22)
```
#232d1e
```
#232d1e rgb(35,45,30)
```
#2c3826
```
#2c3826 rgb(44,56,38)
```
#35442e
```
#35442e rgb(53,68,46)
```
#3e5036
```
#3e5036 rgb(62,80,54)
```
#475b3e
```
#475b3e rgb(71,91,62)
```
#506746
```
#506746 rgb(80,103,70)
```
#59734e
```
#59734e rgb(89,115,78)
```
#627e56
```
#627e56 rgb(98,126,86)
```
#6b8a5e
```
#6b8a5e rgb(107,138,94)
```
#749666
```
#749666 rgb(116,150,102)
```

Shade Color Variation

#7f9e71
```
#7f9e71 rgb(127,158,113)
```
#89a67c
```
#89a67c rgb(137,166,124)
```
#94ae88
```
#94ae88 rgb(148,174,136)
```
#9eb694
```
#9eb694 rgb(158,182,148)
```
#a9be9f
```
#a9be9f rgb(169,190,159)
```
#b3c6ab
```
#b3c6ab rgb(179,198,171)
```
#beceb7
```
#beceb7 rgb(190,206,183)
```
#c8d6c3
```
#c8d6c3 rgb(200,214,195)
```
#d3dece
```
#d3dece rgb(211,222,206)
```
#dde6da
```
#dde6da rgb(221,230,218)
```
#e8eee6
```
#e8eee6 rgb(232,238,230)
```
#f3f6f1
```
#f3f6f1 rgb(243,246,241)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555a53 is the less saturated color, while #36aa03 is the most saturated one.

#555a53
```
#555a53 rgb(85,90,83)
```
#53604d
```
#53604d rgb(83,96,77)
```
#506746
```
#506746 rgb(80,103,70)
```
#4d6e3f
```
#4d6e3f rgb(77,110,63)
```
#4b7439
```
#4b7439 rgb(75,116,57)
```
#487b32
```
#487b32 rgb(72,123,50)
```
#46822b
```
#46822b rgb(70,130,43)
```
#438825
```
#438825 rgb(67,136,37)
```
#408f1e
```
#408f1e rgb(64,143,30)
```
#3e9617
```
#3e9617 rgb(62,150,23)
```
#3b9c11
```
#3b9c11 rgb(59,156,17)
```
#38a30a
```
#38a30a rgb(56,163,10)
```
#36aa03
```
#36aa03 rgb(54,170,3)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5a5e58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#70684d Protanopia 1% of men
#7a6452 Deuteranopia 1% of men
#5f6a72 Tritanopia 0.001% of the population

Trichromacy

#64684a Protanomaly 1% of men, 0.01% of women
#6a654e Deuteranomaly 6% of men, 0.4% of women
#596962 Tritanomaly 0.01% of the population

#506746 hex color

#506746 Color Information

#506746 Color Conversion

Color Schemes with #506746

Alternatives to #506746

#506746 Preview

Shades and Tints of #506746

Tones of #506746

Color Blindness Simulator