#558422 hex color

In a RGB color space, hex #558422 is composed of 33.3% red, 51.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 0% magenta, 74.2% yellow and 48.2% black. It has a hue angle of 88.8 degrees, a saturation of 59% and a lightness of 32.5%. #558422 color hex could be obtained by blending #aaff44 with #000900. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 52
- B 13
RGB color chart
- C 36
- M 0
- Y 74
- K 48
CMYK color chart

● #558422 color description : Dark green.

The hexadecimal color #558422 has RGB values of R:85, G:132, B:34 and CMYK values of C:0.36, M:0, Y:0.74, K:0.48. Its decimal value is 5604386.

Hex triplet	558422	`#558422`
RGB Decimal	85, 132, 34	`rgb(85,132,34)`
RGB Percent	33.3, 51.8, 13.3	`rgb(33.3%,51.8%,13.3%)`
CMYK	36, 0, 74, 48
HSL	88.8°, 59, 32.5	`hsl(88.8,59%,32.5%)`
HSV (or HSB)	88.8°, 74.2, 51.8
Web Safe	669933	`#669933`

CIE-LAB	50.155, -32.342, 45.189
XYZ	12.286, 18.549, 4.446
xyY	0.348, 0.526, 18.549
CIE-LCH	50.155, 55.57, 125.591
CIE-LUV	50.155, -23.542, 52.856
Hunter-Lab	43.068, -24.449, 24.027
Binary	01010101, 10000100, 00100010

#558422
```
#558422 rgb(85,132,34)
```
#512284
```
#512284 rgb(81,34,132)
```

Complementary Color

#848222
```
#848222 rgb(132,130,34)
```
#558422
```
#558422 rgb(85,132,34)
```
#248422
```
#248422 rgb(36,132,34)
```

Analogous Color

#822284
```
#822284 rgb(130,34,132)
```
#558422
```
#558422 rgb(85,132,34)
```
#222484
```
#222484 rgb(34,36,132)
```

Split Complementary Color

#842255
```
#842255 rgb(132,34,85)
```
#558422
```
#558422 rgb(85,132,34)
```
#225584
```
#225584 rgb(34,85,132)
```

Triadic Color

#845122
```
#845122 rgb(132,81,34)
```
#558422
```
#558422 rgb(85,132,34)
```
#225584
```
#225584 rgb(34,85,132)
```
#512284
```
#512284 rgb(81,34,132)
```

Tetradic Color

#2e4712
```
#2e4712 rgb(46,71,18)
```
#3b5b18
```
#3b5b18 rgb(59,91,24)
```
#48701d
```
#48701d rgb(72,112,29)
```
#558422
```
#558422 rgb(85,132,34)
```
#629827
```
#629827 rgb(98,152,39)
```
#6fad2c
```
#6fad2c rgb(111,173,44)
```
#7cc132
```
#7cc132 rgb(124,193,50)
```

Monochromatic Color

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

#6e8422
```
#6e8422 rgb(110,132,34)
```
#658422
```
#658422 rgb(101,132,34)
```
#5d8422
```
#5d8422 rgb(93,132,34)
```
#558422
```
#558422 rgb(85,132,34)
```
#4d8422
```
#4d8422 rgb(77,132,34)
```
#458422
```
#458422 rgb(69,132,34)
```
#3d8422
```
#3d8422 rgb(61,132,34)
```

Similar Colors

Text with hexadecimal color #558422

This text has a font color of #558422.

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

#558422 background color

This paragraph has a background color of #558422.

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

#558422 border color

This element has a border color of #558422.

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

CSS codes

.text {color:#558422;}

.background {background-color:#558422;}

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

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

#050702
```
#050702 rgb(5,7,2)
```
#0f1706
```
#0f1706 rgb(15,23,6)
```
#19260a
```
#19260a rgb(25,38,10)
```
#23360e
```
#23360e rgb(35,54,14)
```
#2d4612
```
#2d4612 rgb(45,70,18)
```
#375516
```
#375516 rgb(55,85,22)
```
#41651a
```
#41651a rgb(65,101,26)
```
#4b741e
```
#4b741e rgb(75,116,30)
```
#558422
```
#558422 rgb(85,132,34)
```
#5f9426
```
#5f9426 rgb(95,148,38)
```
#69a32a
```
#69a32a rgb(105,163,42)
```
#73b32e
```
#73b32e rgb(115,179,46)
```
#7dc232
```
#7dc232 rgb(125,194,50)
```

Shade Color Variation

#87cd3b
```
#87cd3b rgb(135,205,59)
```
#91d14b
```
#91d14b rgb(145,209,75)
```
#9ad55b
```
#9ad55b rgb(154,213,91)
```
#a4d96a
```
#a4d96a rgb(164,217,106)
```
#addd7a
```
#addd7a rgb(173,221,122)
```
#b7e189
```
#b7e189 rgb(183,225,137)
```
#c0e599
```
#c0e599 rgb(192,229,153)
```
#cae9a9
```
#cae9a9 rgb(202,233,169)
```
#d4edb8
```
#d4edb8 rgb(212,237,184)
```
#ddf1c8
```
#ddf1c8 rgb(221,241,200)
```
#e7f5d7
```
#e7f5d7 rgb(231,245,215)
```
#f0f9e7
```
#f0f9e7 rgb(240,249,231)
```
#fafdf7
```
#fafdf7 rgb(250,253,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53574f is the less saturated color, while #56a402 is the most saturated one.

#53574f
```
#53574f rgb(83,87,79)
```
#535e48
```
#535e48 rgb(83,94,72)
```
#546442
```
#546442 rgb(84,100,66)
```
#546a3c
```
#546a3c rgb(84,106,60)
```
#547135
```
#547135 rgb(84,113,53)
```
#54772f
```
#54772f rgb(84,119,47)
```
#557e28
```
#557e28 rgb(85,126,40)
```
#558422
```
#558422 rgb(85,132,34)
```
#558a1c
```
#558a1c rgb(85,138,28)
```
#569115
```
#569115 rgb(86,145,21)
```
#56970f
```
#56970f rgb(86,151,15)
```
#569e08
```
#569e08 rgb(86,158,8)
```
#56a402
```
#56a402 rgb(86,164,2)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#67705c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c7e2a Protanopia 1% of men
#9b7835 Deuteranopia 1% of men
#6c818b Tritanopia 0.001% of the population

Trichromacy

#788027 Protanomaly 1% of men, 0.01% of women
#827c2e Deuteranomaly 6% of men, 0.4% of women
#648264 Tritanomaly 0.01% of the population

#558422 hex color

#558422 Color Information

#558422 Color Conversion

Color Schemes with #558422

Alternatives to #558422

#558422 Preview

Shades and Tints of #558422

Tones of #558422

Color Blindness Simulator