#506a46 hex color

In a RGB color space, hex #506a46 is composed of 31.4% red, 41.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 24.5% cyan, 0% magenta, 34% yellow and 58.4% black. It has a hue angle of 103.3 degrees, a saturation of 20.5% and a lightness of 34.5%. #506a46 color hex could be obtained by blending #a0d48c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 42
- B 27
RGB color chart
- C 25
- M 0
- Y 34
- K 58
CMYK color chart

● #506a46 color description : Very dark grayish green.

The hexadecimal color #506a46 has RGB values of R:80, G:106, B:70 and CMYK values of C:0.25, M:0, Y:0.34, K:0.58. Its decimal value is 5270086.

Hex triplet	506a46	`#506a46`
RGB Decimal	80, 106, 70	`rgb(80,106,70)`
RGB Percent	31.4, 41.6, 27.5	`rgb(31.4%,41.6%,27.5%)`
CMYK	25, 0, 34, 58
HSL	103.3°, 20.5, 34.5	`hsl(103.3,20.5%,34.5%)`
HSV (or HSB)	103.3°, 34, 41.6
Web Safe	666633	`#666633`

CIE-LAB	41.931, -17.114, 17.196
XYZ	9.567, 12.455, 7.694
xyY	0.322, 0.419, 12.455
CIE-LCH	41.931, 24.261, 134.863
CIE-LUV	41.931, -12.797, 23.117
Hunter-Lab	35.292, -13.372, 11.779
Binary	01010000, 01101010, 01000110

#506a46
```
#506a46 rgb(80,106,70)
```
#60466a
```
#60466a rgb(96,70,106)
```

Complementary Color

#626a46
```
#626a46 rgb(98,106,70)
```
#506a46
```
#506a46 rgb(80,106,70)
```
#466a4e
```
#466a4e rgb(70,106,78)
```

Analogous Color

#6a4662
```
#6a4662 rgb(106,70,98)
```
#506a46
```
#506a46 rgb(80,106,70)
```
#4e466a
```
#4e466a rgb(78,70,106)
```

Split Complementary Color

#6a4650
```
#6a4650 rgb(106,70,80)
```
#506a46
```
#506a46 rgb(80,106,70)
```
#46506a
```
#46506a rgb(70,80,106)
```

Triadic Color

#6a6046
```
#6a6046 rgb(106,96,70)
```
#506a46
```
#506a46 rgb(80,106,70)
```
#46506a
```
#46506a rgb(70,80,106)
```
#60466a
```
#60466a rgb(96,70,106)
```

Tetradic Color

#2d3c28
```
#2d3c28 rgb(45,60,40)
```
#394b32
```
#394b32 rgb(57,75,50)
```
#445b3c
```
#445b3c rgb(68,91,60)
```
#506a46
```
#506a46 rgb(80,106,70)
```
#5c7950
```
#5c7950 rgb(92,121,80)
```
#67895a
```
#67895a rgb(103,137,90)
```
#739864
```
#739864 rgb(115,152,100)
```

Monochromatic Color

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

#596a46
```
#596a46 rgb(89,106,70)
```
#566a46
```
#566a46 rgb(86,106,70)
```
#536a46
```
#536a46 rgb(83,106,70)
```
#506a46
```
#506a46 rgb(80,106,70)
```
#4d6a46
```
#4d6a46 rgb(77,106,70)
```
#4a6a46
```
#4a6a46 rgb(74,106,70)
```
#476a46
```
#476a46 rgb(71,106,70)
```

Similar Colors

Text with hexadecimal color #506a46

This text has a font color of #506a46.

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

#506a46 background color

This paragraph has a background color of #506a46.

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

#506a46 border color

This element has a border color of #506a46.

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

CSS codes

.text {color:#506a46;}

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

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

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, #090b08 is the darkest color, while #ffffff is the lightest one.

#090b08
```
#090b08 rgb(9,11,8)
```
#12170f
```
#12170f rgb(18,23,15)
```
#1b2317
```
#1b2317 rgb(27,35,23)
```
#232f1f
```
#232f1f rgb(35,47,31)
```
#2c3b27
```
#2c3b27 rgb(44,59,39)
```
#35472f
```
#35472f rgb(53,71,47)
```
#3e5236
```
#3e5236 rgb(62,82,54)
```
#475e3e
```
#475e3e rgb(71,94,62)
```
#506a46
```
#506a46 rgb(80,106,70)
```
#59764e
```
#59764e rgb(89,118,78)
```
#628256
```
#628256 rgb(98,130,86)
```
#6b8d5d
```
#6b8d5d rgb(107,141,93)
```
#749965
```
#749965 rgb(116,153,101)
```

Shade Color Variation

#7ea171
```
#7ea171 rgb(126,161,113)
```
#89a97d
```
#89a97d rgb(137,169,125)
```
#94b189
```
#94b189 rgb(148,177,137)
```
#9eb994
```
#9eb994 rgb(158,185,148)
```
#a9c0a0
```
#a9c0a0 rgb(169,192,160)
```
#b4c8ac
```
#b4c8ac rgb(180,200,172)
```
#bfd0b8
```
#bfd0b8 rgb(191,208,184)
```
#c9d8c4
```
#c9d8c4 rgb(201,216,196)
```
#d4e0cf
```
#d4e0cf rgb(212,224,207)
```
#dfe7db
```
#dfe7db rgb(223,231,219)
```
#e9efe7
```
#e9efe7 rgb(233,239,231)
```
#f4f7f3
```
#f4f7f3 rgb(244,247,243)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #565c54 is the less saturated color, while #32ae02 is the most saturated one.

#565c54
```
#565c54 rgb(86,92,84)
```
#53634d
```
#53634d rgb(83,99,77)
```
#506a46
```
#506a46 rgb(80,106,70)
```
#4d713f
```
#4d713f rgb(77,113,63)
```
#4a7838
```
#4a7838 rgb(74,120,56)
```
#477e32
```
#477e32 rgb(71,126,50)
```
#44852b
```
#44852b rgb(68,133,43)
```
#418c24
```
#418c24 rgb(65,140,36)
```
#3e931d
```
#3e931d rgb(62,147,29)
```
#3b9917
```
#3b9917 rgb(59,153,23)
```
#38a010
```
#38a010 rgb(56,160,16)
```
#35a709
```
#35a709 rgb(53,167,9)
```
#32ae02
```
#32ae02 rgb(50,174,2)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#5b6059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736a4c Protanopia 1% of men
#7d6653 Deuteranopia 1% of men
#606c74 Tritanopia 0.001% of the population

Trichromacy

#666a4a Protanomaly 1% of men, 0.01% of women
#6c684e Deuteranomaly 6% of men, 0.4% of women
#5a6b63 Tritanomaly 0.01% of the population

#506a46 hex color

#506a46 Color Information

#506a46 Color Conversion

Color Schemes with #506a46

Alternatives to #506a46

#506a46 Preview

Shades and Tints of #506a46

Tones of #506a46

Color Blindness Simulator