#556b22 hex color

In a RGB color space, hex #556b22 is composed of 33.3% red, 42% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 0% magenta, 68.2% yellow and 58% black. It has a hue angle of 78.1 degrees, a saturation of 51.8% and a lightness of 27.6%. #556b22 color hex could be obtained by blending #aad644 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 42
- B 13
RGB color chart
- C 21
- M 0
- Y 68
- K 58
CMYK color chart

● #556b22 color description : Very dark green.

The hexadecimal color #556b22 has RGB values of R:85, G:107, B:34 and CMYK values of C:0.21, M:0, Y:0.68, K:0.58. Its decimal value is 5597986.

Hex triplet	556b22	`#556b22`
RGB Decimal	85, 107, 34	`rgb(85,107,34)`
RGB Percent	33.3, 42, 13.3	`rgb(33.3%,42%,13.3%)`
CMYK	21, 0, 68, 58
HSL	78.1°, 51.8, 27.6	`hsl(78.1,51.8%,27.6%)`
HSV (or HSB)	78.1°, 68.2, 42
Web Safe	666633	`#666633`

CIE-LAB	42.096, -20.073, 36.887
XYZ	9.293, 12.562, 3.448
xyY	0.367, 0.496, 12.562
CIE-LCH	42.096, 41.995, 118.554
CIE-LUV	42.096, -10.504, 41.062
Hunter-Lab	35.443, -15.225, 19.041
Binary	01010101, 01101011, 00100010

#556b22
```
#556b22 rgb(85,107,34)
```
#38226b
```
#38226b rgb(56,34,107)
```

Complementary Color

#6b5d22
```
#6b5d22 rgb(107,93,34)
```
#556b22
```
#556b22 rgb(85,107,34)
```
#316b22
```
#316b22 rgb(49,107,34)
```

Analogous Color

#5d226b
```
#5d226b rgb(93,34,107)
```
#556b22
```
#556b22 rgb(85,107,34)
```
#22316b
```
#22316b rgb(34,49,107)
```

Split Complementary Color

#6b2255
```
#6b2255 rgb(107,34,85)
```
#556b22
```
#556b22 rgb(85,107,34)
```
#22556b
```
#22556b rgb(34,85,107)
```

Triadic Color

#6b3822
```
#6b3822 rgb(107,56,34)
```
#556b22
```
#556b22 rgb(85,107,34)
```
#22556b
```
#22556b rgb(34,85,107)
```
#38226b
```
#38226b rgb(56,34,107)
```

Tetradic Color

#273110
```
#273110 rgb(39,49,16)
```
#364416
```
#364416 rgb(54,68,22)
```
#46581c
```
#46581c rgb(70,88,28)
```
#556b22
```
#556b22 rgb(85,107,34)
```
#647e28
```
#647e28 rgb(100,126,40)
```
#74922e
```
#74922e rgb(116,146,46)
```
#83a534
```
#83a534 rgb(131,165,52)
```

Monochromatic Color

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

#676b22
```
#676b22 rgb(103,107,34)
```
#616b22
```
#616b22 rgb(97,107,34)
```
#5b6b22
```
#5b6b22 rgb(91,107,34)
```
#556b22
```
#556b22 rgb(85,107,34)
```
#4f6b22
```
#4f6b22 rgb(79,107,34)
```
#496b22
```
#496b22 rgb(73,107,34)
```
#436b22
```
#436b22 rgb(67,107,34)
```

Similar Colors

Text with hexadecimal color #556b22

This text has a font color of #556b22.

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

#556b22 background color

This paragraph has a background color of #556b22.

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

#556b22 border color

This element has a border color of #556b22.

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

CSS codes

.text {color:#556b22;}

.background {background-color:#556b22;}

.border {border:1px solid #556b22;}

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

#020301
```
#020301 rgb(2,3,1)
```
#0e1206
```
#0e1206 rgb(14,18,6)
```
#1a210a
```
#1a210a rgb(26,33,10)
```
#262f0f
```
#262f0f rgb(38,47,15)
```
#323e14
```
#323e14 rgb(50,62,20)
```
#3d4d19
```
#3d4d19 rgb(61,77,25)
```
#495c1d
```
#495c1d rgb(73,92,29)
```
#556b22
```
#556b22 rgb(85,107,34)
```
#617a27
```
#617a27 rgb(97,122,39)
```
#6d892b
```
#6d892b rgb(109,137,43)
```
#789830
```
#789830 rgb(120,152,48)
```
#84a735
```
#84a735 rgb(132,167,53)
```
#90b53a
```
#90b53a rgb(144,181,58)
```

Shade Color Variation

#9bc240
```
#9bc240 rgb(155,194,64)
```
#a3c74f
```
#a3c74f rgb(163,199,79)
```
#abcc5e
```
#abcc5e rgb(171,204,94)
```
#b3d16d
```
#b3d16d rgb(179,209,109)
```
#bad57c
```
#bad57c rgb(186,213,124)
```
#c2da8b
```
#c2da8b rgb(194,218,139)
```
#cadf9a
```
#cadf9a rgb(202,223,154)
```
#d2e4a8
```
#d2e4a8 rgb(210,228,168)
```
#dae8b7
```
#dae8b7 rgb(218,232,183)
```
#e1edc6
```
#e1edc6 rgb(225,237,198)
```
#e9f2d5
```
#e9f2d5 rgb(233,242,213)
```
#f1f6e4
```
#f1f6e4 rgb(241,246,228)
```
#f9fbf3
```
#f9fbf3 rgb(249,251,243)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484a43 is the less saturated color, while #628c01 is the most saturated one.

#484a43
```
#484a43 rgb(72,74,67)
```
#4a503d
```
#4a503d rgb(74,80,61)
```
#4c5538
```
#4c5538 rgb(76,85,56)
```
#4f5b32
```
#4f5b32 rgb(79,91,50)
```
#51602d
```
#51602d rgb(81,96,45)
```
#536627
```
#536627 rgb(83,102,39)
```
#556b22
```
#556b22 rgb(85,107,34)
```
#57701d
```
#57701d rgb(87,112,29)
```
#597617
```
#597617 rgb(89,118,23)
```
#5b7b12
```
#5b7b12 rgb(91,123,18)
```
#5e810c
```
#5e810c rgb(94,129,12)
```
#608607
```
#608607 rgb(96,134,7)
```
#628c01
```
#628c01 rgb(98,140,1)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#5b5f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776b2b Protanopia 1% of men
#836632 Deuteranopia 1% of men
#676b73 Tritanopia 0.001% of the population

Trichromacy

#6a6b28 Protanomaly 1% of men, 0.01% of women
#72682c Deuteranomaly 6% of men, 0.4% of women
#606b55 Tritanomaly 0.01% of the population

#556b22 hex color

#556b22 Color Information

#556b22 Color Conversion

Color Schemes with #556b22

Alternatives to #556b22

#556b22 Preview

Shades and Tints of #556b22

Tones of #556b22

Color Blindness Simulator