#557216 hex color

In a RGB color space, hex #557216 is composed of 33.3% red, 44.7% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 25.4% cyan, 0% magenta, 80.7% yellow and 55.3% black. It has a hue angle of 78.9 degrees, a saturation of 67.6% and a lightness of 26.7%. #557216 color hex could be obtained by blending #aae42c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 33
- G 45
- B 9
RGB color chart
- C 25
- M 0
- Y 81
- K 55
CMYK color chart

● #557216 color description : Very dark green.

The hexadecimal color #557216 has RGB values of R:85, G:114, B:22 and CMYK values of C:0.25, M:0, Y:0.81, K:0.55. Its decimal value is 5599766.

Hex triplet	557216	`#557216`
RGB Decimal	85, 114, 22	`rgb(85,114,22)`
RGB Percent	33.3, 44.7, 8.6	`rgb(33.3%,44.7%,8.6%)`
CMYK	25, 0, 81, 55
HSL	78.9°, 67.6, 26.7	`hsl(78.9,67.6%,26.7%)`
HSV (or HSB)	78.9°, 80.7, 44.7
Web Safe	666600	`#666600`

CIE-LAB	44.267, -24.452, 43.881
XYZ	9.908, 14.024, 2.944
xyY	0.369, 0.522, 14.024
CIE-LCH	44.267, 50.234, 119.128
CIE-LUV	44.267, -14.295, 47.525
Hunter-Lab	37.448, -18.306, 21.553
Binary	01010101, 01110010, 00010110

#557216
```
#557216 rgb(85,114,22)
```
#331672
```
#331672 rgb(51,22,114)
```

Complementary Color

#726116
```
#726116 rgb(114,97,22)
```
#557216
```
#557216 rgb(85,114,22)
```
#277216
```
#277216 rgb(39,114,22)
```

Analogous Color

#611672
```
#611672 rgb(97,22,114)
```
#557216
```
#557216 rgb(85,114,22)
```
#162772
```
#162772 rgb(22,39,114)
```

Split Complementary Color

#721655
```
#721655 rgb(114,22,85)
```
#557216
```
#557216 rgb(85,114,22)
```
#165572
```
#165572 rgb(22,85,114)
```

Triadic Color

#723316
```
#723316 rgb(114,51,22)
```
#557216
```
#557216 rgb(85,114,22)
```
#165572
```
#165572 rgb(22,85,114)
```
#331672
```
#331672 rgb(51,22,114)
```

Tetradic Color

#25320a
```
#25320a rgb(37,50,10)
```
#35470e
```
#35470e rgb(53,71,14)
```
#455d12
```
#455d12 rgb(69,93,18)
```
#557216
```
#557216 rgb(85,114,22)
```
#65871a
```
#65871a rgb(101,135,26)
```
#759d1e
```
#759d1e rgb(117,157,30)
```
#85b222
```
#85b222 rgb(133,178,34)
```

Monochromatic Color

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

#6c7216
```
#6c7216 rgb(108,114,22)
```
#647216
```
#647216 rgb(100,114,22)
```
#5d7216
```
#5d7216 rgb(93,114,22)
```
#557216
```
#557216 rgb(85,114,22)
```
#4d7216
```
#4d7216 rgb(77,114,22)
```
#467216
```
#467216 rgb(70,114,22)
```
#3e7216
```
#3e7216 rgb(62,114,22)
```

Similar Colors

Text with hexadecimal color #557216

This text has a font color of #557216.

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

#557216 background color

This paragraph has a background color of #557216.

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

#557216 border color

This element has a border color of #557216.

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

CSS codes

.text {color:#557216;}

.background {background-color:#557216;}

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

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

#0b0f03
```
#0b0f03 rgb(11,15,3)
```
#182006
```
#182006 rgb(24,32,6)
```
#243009
```
#243009 rgb(36,48,9)
```
#30410c
```
#30410c rgb(48,65,12)
```
#3c5110
```
#3c5110 rgb(60,81,16)
```
#496213
```
#496213 rgb(73,98,19)
```
#557216
```
#557216 rgb(85,114,22)
```
#618219
```
#618219 rgb(97,130,25)
```
#6e931c
```
#6e931c rgb(110,147,28)
```
#7aa320
```
#7aa320 rgb(122,163,32)
```
#86b423
```
#86b423 rgb(134,180,35)
```
#92c426
```
#92c426 rgb(146,196,38)
```
#9fd529
```
#9fd529 rgb(159,213,41)
```

Shade Color Variation

#a6d939
```
#a6d939 rgb(166,217,57)
```
#aedc49
```
#aedc49 rgb(174,220,73)
```
#b5df59
```
#b5df59 rgb(181,223,89)
```
#bce26a
```
#bce26a rgb(188,226,106)
```
#c4e57a
```
#c4e57a rgb(196,229,122)
```
#cbe98b
```
#cbe98b rgb(203,233,139)
```
#d2ec9b
```
#d2ec9b rgb(210,236,155)
```
#daefac
```
#daefac rgb(218,239,172)
```
#e1f2bc
```
#e1f2bc rgb(225,242,188)
```
#e8f5cd
```
#e8f5cd rgb(232,245,205)
```
#f0f8dd
```
#f0f8dd rgb(240,248,221)
```
#f7fced
```
#f7fced rgb(247,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#464840
```
#464840 rgb(70,72,64)
```
#474d3b
```
#474d3b rgb(71,77,59)
```
#495335
```
#495335 rgb(73,83,53)
```
#4b5830
```
#4b5830 rgb(75,88,48)
```
#4d5d2b
```
#4d5d2b rgb(77,93,43)
```
#4f6226
```
#4f6226 rgb(79,98,38)
```
#516820
```
#516820 rgb(81,104,32)
```
#536d1b
```
#536d1b rgb(83,109,27)
```
#557216
```
#557216 rgb(85,114,22)
```
#577711
```
#577711 rgb(87,119,17)
```
#597c0c
```
#597c0c rgb(89,124,12)
```
#5b8206
```
#5b8206 rgb(91,130,6)
```
#5d8701
```
#5d8701 rgb(93,135,1)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5d6350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d701f Protanopia 1% of men
#8b6b29 Deuteranopia 1% of men
#697179 Tritanopia 0.001% of the population

Trichromacy

#6e711c Protanomaly 1% of men, 0.01% of women
#776d22 Deuteranomaly 6% of men, 0.4% of women
#617155 Tritanomaly 0.01% of the population

#557216 hex color

#557216 Color Information

#557216 Color Conversion

Color Schemes with #557216

Alternatives to #557216

#557216 Preview

Shades and Tints of #557216

Tones of #557216

Color Blindness Simulator