#506646 hex color

In a RGB color space, hex #506646 is composed of 31.4% red, 40% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 0% magenta, 31.4% yellow and 60% black. It has a hue angle of 101.3 degrees, a saturation of 18.6% and a lightness of 33.7%. #506646 color hex could be obtained by blending #a0cc8c with #000000. Closest websafe color is: #666633.

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

● #506646 color description : Very dark grayish green.

The hexadecimal color #506646 has RGB values of R:80, G:102, B:70 and CMYK values of C:0.22, M:0, Y:0.31, K:0.6. Its decimal value is 5269062.

Hex triplet	506646	`#506646`
RGB Decimal	80, 102, 70	`rgb(80,102,70)`
RGB Percent	31.4, 40, 27.5	`rgb(31.4%,40%,27.5%)`
CMYK	22, 0, 31, 60
HSL	101.3°, 18.6, 33.7	`hsl(101.3,18.6%,33.7%)`
HSV (or HSB)	101.3°, 31.4, 40
Web Safe	666633	`#666633`

CIE-LAB	40.655, -14.922, 15.479
XYZ	9.165, 11.65, 7.56
xyY	0.323, 0.411, 11.65
CIE-LCH	40.655, 21.5, 133.951
CIE-LUV	40.655, -10.78, 20.708
Hunter-Lab	34.132, -11.803, 10.761
Binary	01010000, 01100110, 01000110

#506646
```
#506646 rgb(80,102,70)
```
#5c4666
```
#5c4666 rgb(92,70,102)
```

Complementary Color

#606646
```
#606646 rgb(96,102,70)
```
#506646
```
#506646 rgb(80,102,70)
```
#46664c
```
#46664c rgb(70,102,76)
```

Analogous Color

#664660
```
#664660 rgb(102,70,96)
```
#506646
```
#506646 rgb(80,102,70)
```
#4c4666
```
#4c4666 rgb(76,70,102)
```

Split Complementary Color

#664650
```
#664650 rgb(102,70,80)
```
#506646
```
#506646 rgb(80,102,70)
```
#465066
```
#465066 rgb(70,80,102)
```

Triadic Color

#665c46
```
#665c46 rgb(102,92,70)
```
#506646
```
#506646 rgb(80,102,70)
```
#465066
```
#465066 rgb(70,80,102)
```
#5c4666
```
#5c4666 rgb(92,70,102)
```

Tetradic Color

#2c3927
```
#2c3927 rgb(44,57,39)
```
#384831
```
#384831 rgb(56,72,49)
```
#44573c
```
#44573c rgb(68,87,60)
```
#506646
```
#506646 rgb(80,102,70)
```
#5c7550
```
#5c7550 rgb(92,117,80)
```
#68845b
```
#68845b rgb(104,132,91)
```
#749365
```
#749365 rgb(116,147,101)
```

Monochromatic Color

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

#586646
```
#586646 rgb(88,102,70)
```
#556646
```
#556646 rgb(85,102,70)
```
#536646
```
#536646 rgb(83,102,70)
```
#506646
```
#506646 rgb(80,102,70)
```
#4d6646
```
#4d6646 rgb(77,102,70)
```
#4b6646
```
#4b6646 rgb(75,102,70)
```
#486646
```
#486646 rgb(72,102,70)
```

Similar Colors

Text with hexadecimal color #506646

This text has a font color of #506646.

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

#506646 background color

This paragraph has a background color of #506646.

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

#506646 border color

This element has a border color of #506646.

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

CSS codes

.text {color:#506646;}

.background {background-color:#506646;}

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

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

#070906
```
#070906 rgb(7,9,6)
```
#10150e
```
#10150e rgb(16,21,14)
```
#192016
```
#192016 rgb(25,32,22)
```
#222c1e
```
#222c1e rgb(34,44,30)
```
#2c3726
```
#2c3726 rgb(44,55,38)
```
#35432e
```
#35432e rgb(53,67,46)
```
#3e4f36
```
#3e4f36 rgb(62,79,54)
```
#475a3e
```
#475a3e rgb(71,90,62)
```
#506646
```
#506646 rgb(80,102,70)
```
#59724e
```
#59724e rgb(89,114,78)
```
#627d56
```
#627d56 rgb(98,125,86)
```
#6b895e
```
#6b895e rgb(107,137,94)
```
#749566
```
#749566 rgb(116,149,102)
```

Shade Color Variation

#7f9d71
```
#7f9d71 rgb(127,157,113)
```
#89a57c
```
#89a57c rgb(137,165,124)
```
#94ad88
```
#94ad88 rgb(148,173,136)
```
#9eb594
```
#9eb594 rgb(158,181,148)
```
#a9bd9f
```
#a9bd9f rgb(169,189,159)
```
#b3c5ab
```
#b3c5ab rgb(179,197,171)
```
#becdb7
```
#becdb7 rgb(190,205,183)
```
#c8d5c2
```
#c8d5c2 rgb(200,213,194)
```
#d3ddce
```
#d3ddce rgb(211,221,206)
```
#dde5d9
```
#dde5d9 rgb(221,229,217)
```
#e8ede5
```
#e8ede5 rgb(232,237,229)
```
#f2f5f1
```
#f2f5f1 rgb(242,245,241)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#555953
```
#555953 rgb(85,89,83)
```
#525f4d
```
#525f4d rgb(82,95,77)
```
#506646
```
#506646 rgb(80,102,70)
```
#4e6d3f
```
#4e6d3f rgb(78,109,63)
```
#4b7339
```
#4b7339 rgb(75,115,57)
```
#497a32
```
#497a32 rgb(73,122,50)
```
#46802c
```
#46802c rgb(70,128,44)
```
#448725
```
#448725 rgb(68,135,37)
```
#418e1e
```
#418e1e rgb(65,142,30)
```
#3f9418
```
#3f9418 rgb(63,148,24)
```
#3c9b11
```
#3c9b11 rgb(60,155,17)
```
#3aa20a
```
#3aa20a rgb(58,162,10)
```
#37a804
```
#37a804 rgb(55,168,4)
```

Tone Color Variation

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

#6f674d Protanopia 1% of men
#796452 Deuteranopia 1% of men
#5f6971 Tritanopia 0.001% of the population

Trichromacy

#64674a Protanomaly 1% of men, 0.01% of women
#6a644e Deuteranomaly 6% of men, 0.4% of women
#596861 Tritanomaly 0.01% of the population

#506646 hex color

#506646 Color Information

#506646 Color Conversion

Color Schemes with #506646

Alternatives to #506646

#506646 Preview

Shades and Tints of #506646

Tones of #506646

Color Blindness Simulator