#558223 hex color

In a RGB color space, hex #558223 is composed of 33.3% red, 51% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 0% magenta, 73.1% yellow and 49% black. It has a hue angle of 88.4 degrees, a saturation of 57.6% and a lightness of 32.4%. #558223 color hex could be obtained by blending #aaff46 with #000500. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 51
- B 14
RGB color chart
- C 35
- M 0
- Y 73
- K 49
CMYK color chart

● #558223 color description : Dark green.

The hexadecimal color #558223 has RGB values of R:85, G:130, B:35 and CMYK values of C:0.35, M:0, Y:0.73, K:0.49. Its decimal value is 5603875.

Hex triplet	558223	`#558223`
RGB Decimal	85, 130, 35	`rgb(85,130,35)`
RGB Percent	33.3, 51, 13.7	`rgb(33.3%,51%,13.7%)`
CMYK	35, 0, 73, 49
HSL	88.4°, 57.6, 32.4	`hsl(88.4,57.6%,32.4%)`
HSV (or HSB)	88.4°, 73.1, 51
Web Safe	669933	`#669933`

CIE-LAB	49.517, -31.346, 44.153
XYZ	12.032, 18.017, 4.434
xyY	0.349, 0.522, 18.017
CIE-LCH	49.517, 54.149, 125.373
CIE-LUV	49.517, -22.545, 51.654
Hunter-Lab	42.447, -23.685, 23.52
Binary	01010101, 10000010, 00100011

#558223
```
#558223 rgb(85,130,35)
```
#502382
```
#502382 rgb(80,35,130)
```

Complementary Color

#828023
```
#828023 rgb(130,128,35)
```
#558223
```
#558223 rgb(85,130,35)
```
#268223
```
#268223 rgb(38,130,35)
```

Analogous Color

#802382
```
#802382 rgb(128,35,130)
```
#558223
```
#558223 rgb(85,130,35)
```
#232682
```
#232682 rgb(35,38,130)
```

Split Complementary Color

#822355
```
#822355 rgb(130,35,85)
```
#558223
```
#558223 rgb(85,130,35)
```
#235582
```
#235582 rgb(35,85,130)
```

Triadic Color

#825023
```
#825023 rgb(130,80,35)
```
#558223
```
#558223 rgb(85,130,35)
```
#235582
```
#235582 rgb(35,85,130)
```
#502382
```
#502382 rgb(80,35,130)
```

Tetradic Color

#2e4613
```
#2e4613 rgb(46,70,19)
```
#3b5a18
```
#3b5a18 rgb(59,90,24)
```
#486e1e
```
#486e1e rgb(72,110,30)
```
#558223
```
#558223 rgb(85,130,35)
```
#629628
```
#629628 rgb(98,150,40)
```
#6faa2e
```
#6faa2e rgb(111,170,46)
```
#7cbe33
```
#7cbe33 rgb(124,190,51)
```

Monochromatic Color

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

#6d8223
```
#6d8223 rgb(109,130,35)
```
#658223
```
#658223 rgb(101,130,35)
```
#5d8223
```
#5d8223 rgb(93,130,35)
```
#558223
```
#558223 rgb(85,130,35)
```
#4d8223
```
#4d8223 rgb(77,130,35)
```
#458223
```
#458223 rgb(69,130,35)
```
#3d8223
```
#3d8223 rgb(61,130,35)
```

Similar Colors

Text with hexadecimal color #558223

This text has a font color of #558223.

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

#558223 background color

This paragraph has a background color of #558223.

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

#558223 border color

This element has a border color of #558223.

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

CSS codes

.text {color:#558223;}

.background {background-color:#558223;}

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

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

#040602
```
#040602 rgb(4,6,2)
```
#0e1606
```
#0e1606 rgb(14,22,6)
```
#18250a
```
#18250a rgb(24,37,10)
```
#22350e
```
#22350e rgb(34,53,14)
```
#2d4412
```
#2d4412 rgb(45,68,18)
```
#375417
```
#375417 rgb(55,84,23)
```
#41631b
```
#41631b rgb(65,99,27)
```
#4b731f
```
#4b731f rgb(75,115,31)
```
#558223
```
#558223 rgb(85,130,35)
```
#5f9127
```
#5f9127 rgb(95,145,39)
```
#69a12b
```
#69a12b rgb(105,161,43)
```
#73b02f
```
#73b02f rgb(115,176,47)
```
#7dc034
```
#7dc034 rgb(125,192,52)
```

Shade Color Variation

#87cb3c
```
#87cb3c rgb(135,203,60)
```
#91cf4c
```
#91cf4c rgb(145,207,76)
```
#9ad35b
```
#9ad35b rgb(154,211,91)
```
#a4d76b
```
#a4d76b rgb(164,215,107)
```
#addb7a
```
#addb7a rgb(173,219,122)
```
#b7df8a
```
#b7df8a rgb(183,223,138)
```
#c0e499
```
#c0e499 rgb(192,228,153)
```
#cae8a9
```
#cae8a9 rgb(202,232,169)
```
#d3ecb8
```
#d3ecb8 rgb(211,236,184)
```
#ddf0c8
```
#ddf0c8 rgb(221,240,200)
```
#e6f4d7
```
#e6f4d7 rgb(230,244,215)
```
#f0f8e6
```
#f0f8e6 rgb(240,248,230)
```
#f9fdf6
```
#f9fdf6 rgb(249,253,246)
```

Tint Color Variation

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

#53564f
```
#53564f rgb(83,86,79)
```
#535c49
```
#535c49 rgb(83,92,73)
```
#536243
```
#536243 rgb(83,98,67)
```
#54693c
```
#54693c rgb(84,105,60)
```
#546f36
```
#546f36 rgb(84,111,54)
```
#547530
```
#547530 rgb(84,117,48)
```
#557c29
```
#557c29 rgb(85,124,41)
```
#558223
```
#558223 rgb(85,130,35)
```
#55881d
```
#55881d rgb(85,136,29)
```
#568f16
```
#568f16 rgb(86,143,22)
```
#569510
```
#569510 rgb(86,149,16)
```
#569b0a
```
#569b0a rgb(86,155,10)
```
#57a203
```
#57a203 rgb(87,162,3)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b7d2b Protanopia 1% of men
#997736 Deuteranopia 1% of men
#6c7f89 Tritanopia 0.001% of the population

Trichromacy

#777e28 Protanomaly 1% of men, 0.01% of women
#807b2f Deuteranomaly 6% of men, 0.4% of women
#638064 Tritanomaly 0.01% of the population

#558223 hex color

#558223 Color Information

#558223 Color Conversion

Color Schemes with #558223

Alternatives to #558223

#558223 Preview

Shades and Tints of #558223

Tones of #558223

Color Blindness Simulator