#557322 hex color

In a RGB color space, hex #557322 is composed of 33.3% red, 45.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 26.1% cyan, 0% magenta, 70.4% yellow and 54.9% black. It has a hue angle of 82.2 degrees, a saturation of 54.4% and a lightness of 29.2%. #557322 color hex could be obtained by blending #aae644 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 45
- B 13
RGB color chart
- C 26
- M 0
- Y 70
- K 55
CMYK color chart

● #557322 color description : Dark green.

The hexadecimal color #557322 has RGB values of R:85, G:115, B:34 and CMYK values of C:0.26, M:0, Y:0.7, K:0.55. Its decimal value is 5600034.

Hex triplet	557322	`#557322`
RGB Decimal	85, 115, 34	`rgb(85,115,34)`
RGB Percent	33.3, 45.1, 13.3	`rgb(33.3%,45.1%,13.3%)`
CMYK	26, 0, 70, 55
HSL	82.2°, 54.4, 29.2	`hsl(82.2,54.4%,29.2%)`
HSV (or HSB)	82.2°, 70.4, 45.1
Web Safe	666633	`#666633`

CIE-LAB	44.671, -24.177, 39.596
XYZ	10.166, 14.308, 3.739
xyY	0.36, 0.507, 14.308
CIE-LCH	44.671, 46.394, 121.407
CIE-LUV	44.671, -14.835, 44.89
Hunter-Lab	37.826, -18.224, 20.617
Binary	01010101, 01110011, 00100010

#557322
```
#557322 rgb(85,115,34)
```
#402273
```
#402273 rgb(64,34,115)
```

Complementary Color

#736922
```
#736922 rgb(115,105,34)
```
#557322
```
#557322 rgb(85,115,34)
```
#2d7322
```
#2d7322 rgb(45,115,34)
```

Analogous Color

#692273
```
#692273 rgb(105,34,115)
```
#557322
```
#557322 rgb(85,115,34)
```
#222d73
```
#222d73 rgb(34,45,115)
```

Split Complementary Color

#732255
```
#732255 rgb(115,34,85)
```
#557322
```
#557322 rgb(85,115,34)
```
#225573
```
#225573 rgb(34,85,115)
```

Triadic Color

#734022
```
#734022 rgb(115,64,34)
```
#557322
```
#557322 rgb(85,115,34)
```
#225573
```
#225573 rgb(34,85,115)
```
#402273
```
#402273 rgb(64,34,115)
```

Tetradic Color

#293811
```
#293811 rgb(41,56,17)
```
#384c16
```
#384c16 rgb(56,76,22)
```
#465f1c
```
#465f1c rgb(70,95,28)
```
#557322
```
#557322 rgb(85,115,34)
```
#648728
```
#648728 rgb(100,135,40)
```
#729a2e
```
#729a2e rgb(114,154,46)
```
#81ae33
```
#81ae33 rgb(129,174,51)
```

Monochromatic Color

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

#697322
```
#697322 rgb(105,115,34)
```
#637322
```
#637322 rgb(99,115,34)
```
#5c7322
```
#5c7322 rgb(92,115,34)
```
#557322
```
#557322 rgb(85,115,34)
```
#4e7322
```
#4e7322 rgb(78,115,34)
```
#487322
```
#487322 rgb(72,115,34)
```
#417322
```
#417322 rgb(65,115,34)
```

Similar Colors

Text with hexadecimal color #557322

This text has a font color of #557322.

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

#557322 background color

This paragraph has a background color of #557322.

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

#557322 border color

This element has a border color of #557322.

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

CSS codes

.text {color:#557322;}

.background {background-color:#557322;}

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

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

#070903
```
#070903 rgb(7,9,3)
```
#121807
```
#121807 rgb(18,24,7)
```
#1d270c
```
#1d270c rgb(29,39,12)
```
#283610
```
#283610 rgb(40,54,16)
```
#334615
```
#334615 rgb(51,70,21)
```
#3f5519
```
#3f5519 rgb(63,85,25)
```
#4a641e
```
#4a641e rgb(74,100,30)
```
#557322
```
#557322 rgb(85,115,34)
```
#608226
```
#608226 rgb(96,130,38)
```
#6b912b
```
#6b912b rgb(107,145,43)
```
#77a02f
```
#77a02f rgb(119,160,47)
```
#82b034
```
#82b034 rgb(130,176,52)
```
#8dbf38
```
#8dbf38 rgb(141,191,56)
```

Shade Color Variation

#96c743
```
#96c743 rgb(150,199,67)
```
#9fcc52
```
#9fcc52 rgb(159,204,82)
```
#a7d061
```
#a7d061 rgb(167,208,97)
```
#b0d571
```
#b0d571 rgb(176,213,113)
```
#b8d980
```
#b8d980 rgb(184,217,128)
```
#c1de8f
```
#c1de8f rgb(193,222,143)
```
#c9e29e
```
#c9e29e rgb(201,226,158)
```
#d1e7ad
```
#d1e7ad rgb(209,231,173)
```
#daebbc
```
#daebbc rgb(218,235,188)
```
#e2f0cb
```
#e2f0cb rgb(226,240,203)
```
#ebf4db
```
#ebf4db rgb(235,244,219)
```
#f3f9ea
```
#f3f9ea rgb(243,249,234)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#4b4b4a
```
#4b4b4a rgb(75,75,74)
```
#4c5144
```
#4c5144 rgb(76,81,68)
```
#4e563f
```
#4e563f rgb(78,86,63)
```
#4f5c39
```
#4f5c39 rgb(79,92,57)
```
#516233
```
#516233 rgb(81,98,51)
```
#52682d
```
#52682d rgb(82,104,45)
```
#546d28
```
#546d28 rgb(84,109,40)
```
#557322
```
#557322 rgb(85,115,34)
```
#56791c
```
#56791c rgb(86,121,28)
```
#587e17
```
#587e17 rgb(88,126,23)
```
#598411
```
#598411 rgb(89,132,17)
```
#5b8a0b
```
#5b8a0b rgb(91,138,11)
```
#5c9005
```
#5c9005 rgb(92,144,5)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5f6554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e712b Protanopia 1% of men
#8b6c33 Deuteranopia 1% of men
#68727b Tritanopia 0.001% of the population

Trichromacy

#6f7227 Protanomaly 1% of men, 0.01% of women
#776e2d Deuteranomaly 6% of men, 0.4% of women
#61725a Tritanomaly 0.01% of the population

#557322 hex color

#557322 Color Information

#557322 Color Conversion

Color Schemes with #557322

Alternatives to #557322

#557322 Preview

Shades and Tints of #557322

Tones of #557322

Color Blindness Simulator