colorhexa.com

#558c42 hex color

In a RGB color space, hex #558c42 is composed of 33.3% red, 54.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 52.9% yellow and 45.1% black. It has a hue angle of 104.6 degrees, a saturation of 35.9% and a lightness of 40.4%. #558c42 color hex could be obtained by blending #aaff84 with #001900. Closest websafe color is: #669933.

- R 33
- G 55
- B 26
RGB color chart
- C 39
- M 0
- Y 53
- K 45
CMYK color chart

● #558c42 color description : Dark moderate green.

The hexadecimal color #558c42 has RGB values of R:85, G:140, B:66 and CMYK values of C:0.39, M:0, Y:0.53, K:0.45. Its decimal value is 5606466.

Hex triplet	558c42	`#558c42`
RGB Decimal	85, 140, 66	`rgb(85,140,66)`
RGB Percent	33.3, 54.9, 25.9	`rgb(33.3%,54.9%,25.9%)`
CMYK	39, 0, 53, 45
HSL	104.6°, 35.9, 40.4	`hsl(104.6,35.9%,40.4%)`
HSV (or HSB)	104.6°, 52.9, 54.9
Web Safe	669933	`#669933`

CIE-LAB	53.037, -32.843, 33.621
XYZ	14.107, 21.08, 8.48
xyY	0.323, 0.483, 21.08
CIE-LCH	53.037, 47, 134.329
CIE-LUV	53.037, -27.041, 44.793
Hunter-Lab	45.913, -25.502, 21.189
Binary	01010101, 10001100, 01000010

#558c42
```
#558c42 rgb(85,140,66)
```
#79428c
```
#79428c rgb(121,66,140)
```

Complementary Color

#7a8c42
```
#7a8c42 rgb(122,140,66)
```
#558c42
```
#558c42 rgb(85,140,66)
```
#428c54
```
#428c54 rgb(66,140,84)
```

Analogous Color

#8c427a
```
#8c427a rgb(140,66,122)
```
#558c42
```
#558c42 rgb(85,140,66)
```
#54428c
```
#54428c rgb(84,66,140)
```

Split Complementary Color

#8c4255
```
#8c4255 rgb(140,66,85)
```
#558c42
```
#558c42 rgb(85,140,66)
```
#42558c
```
#42558c rgb(66,85,140)
```

Triadic Color

#8c7942
```
#8c7942 rgb(140,121,66)
```
#558c42
```
#558c42 rgb(85,140,66)
```
#42558c
```
#42558c rgb(66,85,140)
```
#79428c
```
#79428c rgb(121,66,140)
```

Tetradic Color

#355829
```
#355829 rgb(53,88,41)
```
#406932
```
#406932 rgb(64,105,50)
```
#4a7b3a
```
#4a7b3a rgb(74,123,58)
```
#558c42
```
#558c42 rgb(85,140,66)
```
#609d4a
```
#609d4a rgb(96,157,74)
```
#6aae53
```
#6aae53 rgb(106,174,83)
```
#79b664
```
#79b664 rgb(121,182,100)
```

Monochromatic Color

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

#688c42
```
#688c42 rgb(104,140,66)
```
#618c42
```
#618c42 rgb(97,140,66)
```
#5b8c42
```
#5b8c42 rgb(91,140,66)
```
#558c42
```
#558c42 rgb(85,140,66)
```
#4f8c42
```
#4f8c42 rgb(79,140,66)
```
#498c42
```
#498c42 rgb(73,140,66)
```
#428c42
```
#428c42 rgb(66,140,66)
```

Similar Colors

Text with hexadecimal color #558c42

This text has a font color of #558c42.

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

#558c42 background color

This paragraph has a background color of #558c42.

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

#558c42 border color

This element has a border color of #558c42.

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

CSS codes

.text {color:#558c42;}

.background {background-color:#558c42;}

.border {border:1px solid #558c42;}

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

#040703
```
#040703 rgb(4,7,3)
```
#0c1409
```
#0c1409 rgb(12,20,9)
```
#142110
```
#142110 rgb(20,33,16)
```
#1c2f16
```
#1c2f16 rgb(28,47,22)
```
#243c1c
```
#243c1c rgb(36,60,28)
```
#2d4923
```
#2d4923 rgb(45,73,35)
```
#355729
```
#355729 rgb(53,87,41)
```
#3d642f
```
#3d642f rgb(61,100,47)
```
#457135
```
#457135 rgb(69,113,53)
```
#4d7f3c
```
#4d7f3c rgb(77,127,60)
```
#558c42
```
#558c42 rgb(85,140,66)
```
#5d9948
```
#5d9948 rgb(93,153,72)
```
#65a74f
```
#65a74f rgb(101,167,79)
```

Shade Color Variation

#6fb058
```
#6fb058 rgb(111,176,88)
```
#7bb766
```
#7bb766 rgb(123,183,102)
```
#86bd73
```
#86bd73 rgb(134,189,115)
```
#92c380
```
#92c380 rgb(146,195,128)
```
#9dca8e
```
#9dca8e rgb(157,202,142)
```
#a9d09b
```
#a9d09b rgb(169,208,155)
```
#b4d6a8
```
#b4d6a8 rgb(180,214,168)
```
#c0dcb6
```
#c0dcb6 rgb(192,220,182)
```
#cbe3c3
```
#cbe3c3 rgb(203,227,195)
```
#d7e9d0
```
#d7e9d0 rgb(215,233,208)
```
#e2efde
```
#e2efde rgb(226,239,222)
```
#eef6eb
```
#eef6eb rgb(238,246,235)
```
#f9fcf8
```
#f9fcf8 rgb(249,252,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646c62 is the less saturated color, while #36cb03 is the most saturated one.

#646c62
```
#646c62 rgb(100,108,98)
```
#61745a
```
#61745a rgb(97,116,90)
```
#5d7c52
```
#5d7c52 rgb(93,124,82)
```
#59844a
```
#59844a rgb(89,132,74)
```
#558c42
```
#558c42 rgb(85,140,66)
```
#51943a
```
#51943a rgb(81,148,58)
```
#4d9c32
```
#4d9c32 rgb(77,156,50)
```
#49a42a
```
#49a42a rgb(73,164,42)
```
#46ac22
```
#46ac22 rgb(70,172,34)
```
#42b41a
```
#42b41a rgb(66,180,26)
```
#3ebc12
```
#3ebc12 rgb(62,188,18)
```
#3ac30b
```
#3ac30b rgb(58,195,11)
```
#36cb03
```
#36cb03 rgb(54,203,3)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d7869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928547 Protanopia 1% of men
#a07f52 Deuteranopia 1% of men
#6c8a93 Tritanopia 0.001% of the population

Trichromacy

#7c8745 Protanomaly 1% of men, 0.01% of women
#85844c Deuteranomaly 6% of men, 0.4% of women
#648a76 Tritanomaly 0.01% of the population