#506446 hex color

In a RGB color space, hex #506446 is composed of 31.4% red, 39.2% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 30% yellow and 60.8% black. It has a hue angle of 100 degrees, a saturation of 17.6% and a lightness of 33.3%. #506446 color hex could be obtained by blending #a0c88c with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 31
- G 39
- B 27
RGB color chart
- C 20
- M 0
- Y 30
- K 61
CMYK color chart

● #506446 color description : Very dark grayish green.

The hexadecimal color #506446 has RGB values of R:80, G:100, B:70 and CMYK values of C:0.2, M:0, Y:0.3, K:0.61. Its decimal value is 5268550.

Hex triplet	506446	`#506446`
RGB Decimal	80, 100, 70	`rgb(80,100,70)`
RGB Percent	31.4, 39.2, 27.5	`rgb(31.4%,39.2%,27.5%)`
CMYK	20, 0, 30, 61
HSL	100°, 17.6, 33.3	`hsl(100,17.6%,33.3%)`
HSV (or HSB)	100°, 30, 39.2
Web Safe	666633	`#666633`

CIE-LAB	40.018, -13.808, 14.616
XYZ	8.971, 11.262, 7.495
xyY	0.324, 0.406, 11.262
CIE-LCH	40.018, 20.107, 133.372
CIE-LUV	40.018, -9.765, 19.496
Hunter-Lab	33.559, -11.012, 10.249
Binary	01010000, 01100100, 01000110

#506446
```
#506446 rgb(80,100,70)
```
#5a4664
```
#5a4664 rgb(90,70,100)
```

Complementary Color

#5f6446
```
#5f6446 rgb(95,100,70)
```
#506446
```
#506446 rgb(80,100,70)
```
#46644b
```
#46644b rgb(70,100,75)
```

Analogous Color

#64465f
```
#64465f rgb(100,70,95)
```
#506446
```
#506446 rgb(80,100,70)
```
#4b4664
```
#4b4664 rgb(75,70,100)
```

Split Complementary Color

#644650
```
#644650 rgb(100,70,80)
```
#506446
```
#506446 rgb(80,100,70)
```
#465064
```
#465064 rgb(70,80,100)
```

Triadic Color

#645a46
```
#645a46 rgb(100,90,70)
```
#506446
```
#506446 rgb(80,100,70)
```
#465064
```
#465064 rgb(70,80,100)
```
#5a4664
```
#5a4664 rgb(90,70,100)
```

Tetradic Color

#2c3727
```
#2c3727 rgb(44,55,39)
```
#384631
```
#384631 rgb(56,70,49)
```
#44553c
```
#44553c rgb(68,85,60)
```
#506446
```
#506446 rgb(80,100,70)
```
#5c7351
```
#5c7351 rgb(92,115,81)
```
#68825b
```
#68825b rgb(104,130,91)
```
#749166
```
#749166 rgb(116,145,102)
```

Monochromatic Color

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

#586446
```
#586446 rgb(88,100,70)
```
#556446
```
#556446 rgb(85,100,70)
```
#536446
```
#536446 rgb(83,100,70)
```
#506446
```
#506446 rgb(80,100,70)
```
#4e6446
```
#4e6446 rgb(78,100,70)
```
#4b6446
```
#4b6446 rgb(75,100,70)
```
#496446
```
#496446 rgb(73,100,70)
```

Similar Colors

Text with hexadecimal color #506446

This text has a font color of #506446.

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

#506446 background color

This paragraph has a background color of #506446.

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

#506446 border color

This element has a border color of #506446.

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

CSS codes

.text {color:#506446;}

.background {background-color:#506446;}

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

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

#060805
```
#060805 rgb(6,8,5)
```
#0f130d
```
#0f130d rgb(15,19,13)
```
#191f16
```
#191f16 rgb(25,31,22)
```
#222a1e
```
#222a1e rgb(34,42,30)
```
#2b3626
```
#2b3626 rgb(43,54,38)
```
#34412e
```
#34412e rgb(52,65,46)
```
#3e4d36
```
#3e4d36 rgb(62,77,54)
```
#47583e
```
#47583e rgb(71,88,62)
```
#506446
```
#506446 rgb(80,100,70)
```
#59704e
```
#59704e rgb(89,112,78)
```
#627b56
```
#627b56 rgb(98,123,86)
```
#6c875e
```
#6c875e rgb(108,135,94)
```
#759266
```
#759266 rgb(117,146,102)
```

Shade Color Variation

#7f9b71
```
#7f9b71 rgb(127,155,113)
```
#89a37c
```
#89a37c rgb(137,163,124)
```
#94ac88
```
#94ac88 rgb(148,172,136)
```
#9eb493
```
#9eb493 rgb(158,180,147)
```
#a8bc9f
```
#a8bc9f rgb(168,188,159)
```
#b3c4aa
```
#b3c4aa rgb(179,196,170)
```
#bdccb6
```
#bdccb6 rgb(189,204,182)
```
#c8d4c1
```
#c8d4c1 rgb(200,212,193)
```
#d2dccd
```
#d2dccd rgb(210,220,205)
```
#dce4d9
```
#dce4d9 rgb(220,228,217)
```
#e7ece4
```
#e7ece4 rgb(231,236,228)
```
#f1f4f0
```
#f1f4f0 rgb(241,244,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#545753
```
#545753 rgb(84,87,83)
```
#525d4d
```
#525d4d rgb(82,93,77)
```
#506446
```
#506446 rgb(80,100,70)
```
#4e6b3f
```
#4e6b3f rgb(78,107,63)
```
#4c7139
```
#4c7139 rgb(76,113,57)
```
#497832
```
#497832 rgb(73,120,50)
```
#477e2c
```
#477e2c rgb(71,126,44)
```
#458525
```
#458525 rgb(69,133,37)
```
#438b1f
```
#438b1f rgb(67,139,31)
```
#419218
```
#419218 rgb(65,146,24)
```
#3f9812
```
#3f9812 rgb(63,152,18)
```
#3c9f0b
```
#3c9f0b rgb(60,159,11)
```
#3aa505
```
#3aa505 rgb(58,165,5)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#595d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d664d Protanopia 1% of men
#776252 Deuteranopia 1% of men
#5f676f Tritanopia 0.001% of the population

Trichromacy

#63654a Protanomaly 1% of men, 0.01% of women
#68634e Deuteranomaly 6% of men, 0.4% of women
#596660 Tritanomaly 0.01% of the population

#506446 hex color

#506446 Color Information

#506446 Color Conversion

Color Schemes with #506446

Alternatives to #506446

#506446 Preview

Shades and Tints of #506446

Tones of #506446

Color Blindness Simulator