#506342 hex color

In a RGB color space, hex #506342 is composed of 31.4% red, 38.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 19.2% cyan, 0% magenta, 33.3% yellow and 61.2% black. It has a hue angle of 94.5 degrees, a saturation of 20% and a lightness of 32.4%. #506342 color hex could be obtained by blending #a0c684 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 39
- B 26
RGB color chart
- C 19
- M 0
- Y 33
- K 61
CMYK color chart

● #506342 color description : Very dark grayish green.

The hexadecimal color #506342 has RGB values of R:80, G:99, B:66 and CMYK values of C:0.19, M:0, Y:0.33, K:0.61. Its decimal value is 5268290.

Hex triplet	506342	`#506342`
RGB Decimal	80, 99, 66	`rgb(80,99,66)`
RGB Percent	31.4, 38.8, 25.9	`rgb(31.4%,38.8%,25.9%)`
CMYK	19, 0, 33, 61
HSL	94.5°, 20, 32.4	`hsl(94.5,20%,32.4%)`
HSV (or HSB)	94.5°, 33.3, 38.8
Web Safe	666633	`#666633`

CIE-LAB	39.618, -13.939, 16.464
XYZ	8.753, 11.022, 6.82
xyY	0.329, 0.414, 11.022
CIE-LCH	39.618, 21.572, 130.251
CIE-LUV	39.618, -9.204, 21.408
Hunter-Lab	33.2, -11.038, 11.06
Binary	01010000, 01100011, 01000010

#506342
```
#506342 rgb(80,99,66)
```
#554263
```
#554263 rgb(85,66,99)
```

Complementary Color

#616342
```
#616342 rgb(97,99,66)
```
#506342
```
#506342 rgb(80,99,66)
```
#426345
```
#426345 rgb(66,99,69)
```

Analogous Color

#634261
```
#634261 rgb(99,66,97)
```
#506342
```
#506342 rgb(80,99,66)
```
#454263
```
#454263 rgb(69,66,99)
```

Split Complementary Color

#634250
```
#634250 rgb(99,66,80)
```
#506342
```
#506342 rgb(80,99,66)
```
#425063
```
#425063 rgb(66,80,99)
```

Triadic Color

#635542
```
#635542 rgb(99,85,66)
```
#506342
```
#506342 rgb(80,99,66)
```
#425063
```
#425063 rgb(66,80,99)
```
#554263
```
#554263 rgb(85,66,99)
```

Tetradic Color

#2b3523
```
#2b3523 rgb(43,53,35)
```
#37442e
```
#37442e rgb(55,68,46)
```
#445438
```
#445438 rgb(68,84,56)
```
#506342
```
#506342 rgb(80,99,66)
```
#5c724c
```
#5c724c rgb(92,114,76)
```
#698256
```
#698256 rgb(105,130,86)
```
#759161
```
#759161 rgb(117,145,97)
```

Monochromatic Color

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

#586342
```
#586342 rgb(88,99,66)
```
#566342
```
#566342 rgb(86,99,66)
```
#536342
```
#536342 rgb(83,99,66)
```
#506342
```
#506342 rgb(80,99,66)
```
#4d6342
```
#4d6342 rgb(77,99,66)
```
#4b6342
```
#4b6342 rgb(75,99,66)
```
#486342
```
#486342 rgb(72,99,66)
```

Similar Colors

Text with hexadecimal color #506342

This text has a font color of #506342.

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

#506342 background color

This paragraph has a background color of #506342.

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

#506342 border color

This element has a border color of #506342.

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

CSS codes

.text {color:#506342;}

.background {background-color:#506342;}

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

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

#040503
```
#040503 rgb(4,5,3)
```
#0d110b
```
#0d110b rgb(13,17,11)
```
#171c13
```
#171c13 rgb(23,28,19)
```
#20281b
```
#20281b rgb(32,40,27)
```
#2a3423
```
#2a3423 rgb(42,52,35)
```
#33402a
```
#33402a rgb(51,64,42)
```
#3d4b32
```
#3d4b32 rgb(61,75,50)
```
#46573a
```
#46573a rgb(70,87,58)
```
#506342
```
#506342 rgb(80,99,66)
```
#5a6f4a
```
#5a6f4a rgb(90,111,74)
```
#637b52
```
#637b52 rgb(99,123,82)
```
#6d865a
```
#6d865a rgb(109,134,90)
```
#769261
```
#769261 rgb(118,146,97)
```

Shade Color Variation

#809c6b
```
#809c6b rgb(128,156,107)
```
#8aa477
```
#8aa477 rgb(138,164,119)
```
#94ac82
```
#94ac82 rgb(148,172,130)
```
#9eb48e
```
#9eb48e rgb(158,180,142)
```
#a8bc9a
```
#a8bc9a rgb(168,188,154)
```
#b2c3a6
```
#b2c3a6 rgb(178,195,166)
```
#bccbb1
```
#bccbb1 rgb(188,203,177)
```
#c7d3bd
```
#c7d3bd rgb(199,211,189)
```
#d1dbc9
```
#d1dbc9 rgb(209,219,201)
```
#dbe3d5
```
#dbe3d5 rgb(219,227,213)
```
#e5ebe1
```
#e5ebe1 rgb(229,235,225)
```
#eff3ec
```
#eff3ec rgb(239,243,236)
```
#f9faf8
```
#f9faf8 rgb(249,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52564f is the less saturated color, while #46a203 is the most saturated one.

#52564f
```
#52564f rgb(82,86,79)
```
#515d48
```
#515d48 rgb(81,93,72)
```
#506342
```
#506342 rgb(80,99,66)
```
#4f693c
```
#4f693c rgb(79,105,60)
```
#4e7035
```
#4e7035 rgb(78,112,53)
```
#4d762f
```
#4d762f rgb(77,118,47)
```
#4c7c29
```
#4c7c29 rgb(76,124,41)
```
#4b8322
```
#4b8322 rgb(75,131,34)
```
#4a891c
```
#4a891c rgb(74,137,28)
```
#498f16
```
#498f16 rgb(73,143,22)
```
#48960f
```
#48960f rgb(72,150,15)
```
#479c09
```
#479c09 rgb(71,156,9)
```
#46a203
```
#46a203 rgb(70,162,3)
```

Tone Color Variation

Below, you can see how #506342 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
#585c55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6549 Protanopia 1% of men
#76614e Deuteranopia 1% of men
#5f666e Tritanopia 0.001% of the population

Trichromacy

#626446 Protanomaly 1% of men, 0.01% of women
#68624a Deuteranomaly 6% of men, 0.4% of women
#59655e Tritanomaly 0.01% of the population

#506342 hex color

#506342 Color Information

#506342 Color Conversion

Color Schemes with #506342

Alternatives to #506342

#506342 Preview

Shades and Tints of #506342

Tones of #506342

Color Blindness Simulator