#506636 hex color

In a RGB color space, hex #506636 is composed of 31.4% red, 40% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 0% magenta, 47.1% yellow and 60% black. It has a hue angle of 87.5 degrees, a saturation of 30.8% and a lightness of 30.6%. #506636 color hex could be obtained by blending #a0cc6c with #000000. Closest websafe color is: #666633.

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

● #506636 color description : Very dark desaturated green.

The hexadecimal color #506636 has RGB values of R:80, G:102, B:54 and CMYK values of C:0.22, M:0, Y:0.47, K:0.6. Its decimal value is 5269046.

Hex triplet	506636	`#506636`
RGB Decimal	80, 102, 54	`rgb(80,102,54)`
RGB Percent	31.4, 40, 21.2	`rgb(31.4%,40%,21.2%)`
CMYK	22, 0, 47, 60
HSL	87.5°, 30.8, 30.6	`hsl(87.5,30.8%,30.6%)`
HSV (or HSB)	87.5°, 47.1, 40
Web Safe	666633	`#666633`

CIE-LAB	40.368, -17.413, 24.416
XYZ	8.725, 11.474, 5.245
xyY	0.343, 0.451, 11.474
CIE-LCH	40.368, 29.989, 125.495
CIE-LUV	40.368, -10.65, 29.916
Hunter-Lab	33.874, -13.301, 14.531
Binary	01010000, 01100110, 00110110

#506636
```
#506636 rgb(80,102,54)
```
#4c3666
```
#4c3666 rgb(76,54,102)
```

Complementary Color

#666436
```
#666436 rgb(102,100,54)
```
#506636
```
#506636 rgb(80,102,54)
```
#386636
```
#386636 rgb(56,102,54)
```

Analogous Color

#643666
```
#643666 rgb(100,54,102)
```
#506636
```
#506636 rgb(80,102,54)
```
#363866
```
#363866 rgb(54,56,102)
```

Split Complementary Color

#663650
```
#663650 rgb(102,54,80)
```
#506636
```
#506636 rgb(80,102,54)
```
#365066
```
#365066 rgb(54,80,102)
```

Triadic Color

#664c36
```
#664c36 rgb(102,76,54)
```
#506636
```
#506636 rgb(80,102,54)
```
#365066
```
#365066 rgb(54,80,102)
```
#4c3666
```
#4c3666 rgb(76,54,102)
```

Tetradic Color

#29341c
```
#29341c rgb(41,52,28)
```
#364524
```
#364524 rgb(54,69,36)
```
#43552d
```
#43552d rgb(67,85,45)
```
#506636
```
#506636 rgb(80,102,54)
```
#5d773f
```
#5d773f rgb(93,119,63)
```
#6a8748
```
#6a8748 rgb(106,135,72)
```
#779850
```
#779850 rgb(119,152,80)
```

Monochromatic Color

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

#5c6636
```
#5c6636 rgb(92,102,54)
```
#586636
```
#586636 rgb(88,102,54)
```
#546636
```
#546636 rgb(84,102,54)
```
#506636
```
#506636 rgb(80,102,54)
```
#4c6636
```
#4c6636 rgb(76,102,54)
```
#486636
```
#486636 rgb(72,102,54)
```
#446636
```
#446636 rgb(68,102,54)
```

Similar Colors

Text with hexadecimal color #506636

This text has a font color of #506636.

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

#506636 background color

This paragraph has a background color of #506636.

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

#506636 border color

This element has a border color of #506636.

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

CSS codes

.text {color:#506636;}

.background {background-color:#506636;}

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

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, #0a0c06 is the darkest color, while #fffffe is the lightest one.

#0a0c06
```
#0a0c06 rgb(10,12,6)
```
#14190d
```
#14190d rgb(20,25,13)
```
#1e2614
```
#1e2614 rgb(30,38,20)
```
#28331b
```
#28331b rgb(40,51,27)
```
#324022
```
#324022 rgb(50,64,34)
```
#3c4c28
```
#3c4c28 rgb(60,76,40)
```
#46592f
```
#46592f rgb(70,89,47)
```
#506636
```
#506636 rgb(80,102,54)
```
#5a733d
```
#5a733d rgb(90,115,61)
```
#648044
```
#648044 rgb(100,128,68)
```
#6e8c4a
```
#6e8c4a rgb(110,140,74)
```
#789951
```
#789951 rgb(120,153,81)
```
#82a658
```
#82a658 rgb(130,166,88)
```

Shade Color Variation

#8cad64
```
#8cad64 rgb(140,173,100)
```
#95b471
```
#95b471 rgb(149,180,113)
```
#9fbb7e
```
#9fbb7e rgb(159,187,126)
```
#a9c28b
```
#a9c28b rgb(169,194,139)
```
#b2c898
```
#b2c898 rgb(178,200,152)
```
#bccfa5
```
#bccfa5 rgb(188,207,165)
```
#c5d6b1
```
#c5d6b1 rgb(197,214,177)
```
#cfddbe
```
#cfddbe rgb(207,221,190)
```
#d8e4cb
```
#d8e4cb rgb(216,228,203)
```
#e2ead8
```
#e2ead8 rgb(226,234,216)
```
#ebf1e5
```
#ebf1e5 rgb(235,241,229)
```
#f5f8f2
```
#f5f8f2 rgb(245,248,242)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5448 is the less saturated color, while #559c00 is the most saturated one.

#4f5448
```
#4f5448 rgb(79,84,72)
```
#4f5a42
```
#4f5a42 rgb(79,90,66)
```
#50603c
```
#50603c rgb(80,96,60)
```
#506636
```
#506636 rgb(80,102,54)
```
#516c30
```
#516c30 rgb(81,108,48)
```
#51722a
```
#51722a rgb(81,114,42)
```
#527824
```
#527824 rgb(82,120,36)
```
#527e1e
```
#527e1e rgb(82,126,30)
```
#538418
```
#538418 rgb(83,132,24)
```
#538a12
```
#538a12 rgb(83,138,18)
```
#54900c
```
#54900c rgb(84,144,12)
```
#549606
```
#549606 rgb(84,150,6)
```
#559c00
```
#559c00 rgb(85,156,0)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#585c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71673e Protanopia 1% of men
#7b6344 Deuteranopia 1% of men
#60686f Tritanopia 0.001% of the population

Trichromacy

#65663b Protanomaly 1% of men, 0.01% of women
#6b643e Deuteranomaly 6% of men, 0.4% of women
#5a675a Tritanomaly 0.01% of the population

#506636 hex color

#506636 Color Information

#506636 Color Conversion

Color Schemes with #506636

Alternatives to #506636

#506636 Preview

Shades and Tints of #506636

Tones of #506636

Color Blindness Simulator