#557422 hex color

In a RGB color space, hex #557422 is composed of 33.3% red, 45.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 26.7% cyan, 0% magenta, 70.7% yellow and 54.5% black. It has a hue angle of 82.7 degrees, a saturation of 54.7% and a lightness of 29.4%. #557422 color hex could be obtained by blending #aae844 with #000000. Closest websafe color is: #666633.

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

● #557422 color description : Dark green.

The hexadecimal color #557422 has RGB values of R:85, G:116, B:34 and CMYK values of C:0.27, M:0, Y:0.71, K:0.55. Its decimal value is 5600290.

Hex triplet	557422	`#557422`
RGB Decimal	85, 116, 34	`rgb(85,116,34)`
RGB Percent	33.3, 45.5, 13.3	`rgb(33.3%,45.5%,13.3%)`
CMYK	27, 0, 71, 55
HSL	82.7°, 54.7, 29.4	`hsl(82.7,54.7%,29.4%)`
HSV (or HSB)	82.7°, 70.7, 45.5
Web Safe	666633	`#666633`

CIE-LAB	44.994, -24.677, 39.931
XYZ	10.28, 14.537, 3.778
xyY	0.36, 0.508, 14.537
CIE-LCH	44.994, 46.941, 121.716
CIE-LUV	44.994, -15.365, 45.365
Hunter-Lab	38.128, -18.596, 20.815
Binary	01010101, 01110100, 00100010

#557422
```
#557422 rgb(85,116,34)
```
#412274
```
#412274 rgb(65,34,116)
```

Complementary Color

#746a22
```
#746a22 rgb(116,106,34)
```
#557422
```
#557422 rgb(85,116,34)
```
#2c7422
```
#2c7422 rgb(44,116,34)
```

Analogous Color

#6a2274
```
#6a2274 rgb(106,34,116)
```
#557422
```
#557422 rgb(85,116,34)
```
#222c74
```
#222c74 rgb(34,44,116)
```

Split Complementary Color

#742255
```
#742255 rgb(116,34,85)
```
#557422
```
#557422 rgb(85,116,34)
```
#225574
```
#225574 rgb(34,85,116)
```

Triadic Color

#744122
```
#744122 rgb(116,65,34)
```
#557422
```
#557422 rgb(85,116,34)
```
#225574
```
#225574 rgb(34,85,116)
```
#412274
```
#412274 rgb(65,34,116)
```

Tetradic Color

#2a3911
```
#2a3911 rgb(42,57,17)
```
#384d16
```
#384d16 rgb(56,77,22)
```
#47601c
```
#47601c rgb(71,96,28)
```
#557422
```
#557422 rgb(85,116,34)
```
#638828
```
#638828 rgb(99,136,40)
```
#729b2e
```
#729b2e rgb(114,155,46)
```
#80af33
```
#80af33 rgb(128,175,51)
```

Monochromatic Color

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

#6a7422
```
#6a7422 rgb(106,116,34)
```
#637422
```
#637422 rgb(99,116,34)
```
#5c7422
```
#5c7422 rgb(92,116,34)
```
#557422
```
#557422 rgb(85,116,34)
```
#4e7422
```
#4e7422 rgb(78,116,34)
```
#477422
```
#477422 rgb(71,116,34)
```
#417422
```
#417422 rgb(65,116,34)
```

Similar Colors

Text with hexadecimal color #557422

This text has a font color of #557422.

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

#557422 background color

This paragraph has a background color of #557422.

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

#557422 border color

This element has a border color of #557422.

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

CSS codes

.text {color:#557422;}

.background {background-color:#557422;}

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

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, #070a03 is the darkest color, while #fcfdfa is the lightest one.

#070a03
```
#070a03 rgb(7,10,3)
```
#121907
```
#121907 rgb(18,25,7)
```
#1d280c
```
#1d280c rgb(29,40,12)
```
#293710
```
#293710 rgb(41,55,16)
```
#344615
```
#344615 rgb(52,70,21)
```
#3f5619
```
#3f5619 rgb(63,86,25)
```
#4a651e
```
#4a651e rgb(74,101,30)
```
#557422
```
#557422 rgb(85,116,34)
```
#608326
```
#608326 rgb(96,131,38)
```
#6b922b
```
#6b922b rgb(107,146,43)
```
#76a22f
```
#76a22f rgb(118,162,47)
```
#81b134
```
#81b134 rgb(129,177,52)
```
#8dc038
```
#8dc038 rgb(141,192,56)
```

Shade Color Variation

#96c844
```
#96c844 rgb(150,200,68)
```
#9fcd53
```
#9fcd53 rgb(159,205,83)
```
#a7d162
```
#a7d162 rgb(167,209,98)
```
#b0d571
```
#b0d571 rgb(176,213,113)
```
#b8da80
```
#b8da80 rgb(184,218,128)
```
#c1de8f
```
#c1de8f rgb(193,222,143)
```
#c9e39f
```
#c9e39f rgb(201,227,159)
```
#d2e7ae
```
#d2e7ae rgb(210,231,174)
```
#daecbd
```
#daecbd rgb(218,236,189)
```
#e3f0cc
```
#e3f0cc rgb(227,240,204)
```
#ebf5db
```
#ebf5db rgb(235,245,219)
```
#f4f9ea
```
#f4f9ea rgb(244,249,234)
```
#fcfdfa
```
#fcfdfa rgb(252,253,250)
```

Tint Color Variation

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

#4b4c4a
```
#4b4c4a rgb(75,76,74)
```
#4d5145
```
#4d5145 rgb(77,81,69)
```
#4e573f
```
#4e573f rgb(78,87,63)
```
#4f5d39
```
#4f5d39 rgb(79,93,57)
```
#516333
```
#516333 rgb(81,99,51)
```
#52682e
```
#52682e rgb(82,104,46)
```
#546e28
```
#546e28 rgb(84,110,40)
```
#557422
```
#557422 rgb(85,116,34)
```
#567a1c
```
#567a1c rgb(86,122,28)
```
#588016
```
#588016 rgb(88,128,22)
```
#598511
```
#598511 rgb(89,133,17)
```
#5b8b0b
```
#5b8b0b rgb(91,139,11)
```
#5c9105
```
#5c9105 rgb(92,145,5)
```

Tone Color Variation

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

#7f722b Protanopia 1% of men
#8c6c33 Deuteranopia 1% of men
#69737b Tritanopia 0.001% of the population

Trichromacy

#6f7227 Protanomaly 1% of men, 0.01% of women
#786f2d Deuteranomaly 6% of men, 0.4% of women
#61735b Tritanomaly 0.01% of the population

#557422 hex color

#557422 Color Information

#557422 Color Conversion

Color Schemes with #557422

Alternatives to #557422

#557422 Preview

Shades and Tints of #557422

Tones of #557422

Color Blindness Simulator