#558d2c hex color

In a RGB color space, hex #558d2c is composed of 33.3% red, 55.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 68.8% yellow and 44.7% black. It has a hue angle of 94.6 degrees, a saturation of 52.4% and a lightness of 36.3%. #558d2c color hex could be obtained by blending #aaff58 with #001b00. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 55
- B 17
RGB color chart
- C 40
- M 0
- Y 69
- K 45
CMYK color chart

● #558d2c color description : Dark moderate green.

The hexadecimal color #558d2c has RGB values of R:85, G:141, B:44 and CMYK values of C:0.4, M:0, Y:0.69, K:0.45. Its decimal value is 5606700.

Hex triplet	558d2c	`#558d2c`
RGB Decimal	85, 141, 44	`rgb(85,141,44)`
RGB Percent	33.3, 55.3, 17.3	`rgb(33.3%,55.3%,17.3%)`
CMYK	40, 0, 69, 45
HSL	94.6°, 52.4, 36.3	`hsl(94.6,52.4%,36.3%)`
HSV (or HSB)	94.6°, 68.8, 55.3
Web Safe	669933	`#669933`

CIE-LAB	53.127, -35.639, 44.173
XYZ	13.725, 21.162, 5.744
xyY	0.338, 0.521, 21.162
CIE-LCH	53.127, 56.758, 128.897
CIE-LUV	53.127, -27.801, 54.11
Hunter-Lab	46.002, -27.247, 24.798
Binary	01010101, 10001101, 00101100

#558d2c
```
#558d2c rgb(85,141,44)
```
#642c8d
```
#642c8d rgb(100,44,141)
```

Complementary Color

#868d2c
```
#868d2c rgb(134,141,44)
```
#558d2c
```
#558d2c rgb(85,141,44)
```
#2c8d34
```
#2c8d34 rgb(44,141,52)
```

Analogous Color

#8d2c86
```
#8d2c86 rgb(141,44,134)
```
#558d2c
```
#558d2c rgb(85,141,44)
```
#342c8d
```
#342c8d rgb(52,44,141)
```

Split Complementary Color

#8d2c55
```
#8d2c55 rgb(141,44,85)
```
#558d2c
```
#558d2c rgb(85,141,44)
```
#2c558d
```
#2c558d rgb(44,85,141)
```

Triadic Color

#8d642c
```
#8d642c rgb(141,100,44)
```
#558d2c
```
#558d2c rgb(85,141,44)
```
#2c558d
```
#2c558d rgb(44,85,141)
```
#642c8d
```
#642c8d rgb(100,44,141)
```

Tetradic Color

#32531a
```
#32531a rgb(50,83,26)
```
#3e6620
```
#3e6620 rgb(62,102,32)
```
#497a26
```
#497a26 rgb(73,122,38)
```
#558d2c
```
#558d2c rgb(85,141,44)
```
#61a032
```
#61a032 rgb(97,160,50)
```
#6cb438
```
#6cb438 rgb(108,180,56)
```
#79c442
```
#79c442 rgb(121,196,66)
```

Monochromatic Color

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

#6d8d2c
```
#6d8d2c rgb(109,141,44)
```
#658d2c
```
#658d2c rgb(101,141,44)
```
#5d8d2c
```
#5d8d2c rgb(93,141,44)
```
#558d2c
```
#558d2c rgb(85,141,44)
```
#4d8d2c
```
#4d8d2c rgb(77,141,44)
```
#458d2c
```
#458d2c rgb(69,141,44)
```
#3d8d2c
```
#3d8d2c rgb(61,141,44)
```

Similar Colors

Text with hexadecimal color #558d2c

This text has a font color of #558d2c.

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

#558d2c background color

This paragraph has a background color of #558d2c.

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

#558d2c border color

This element has a border color of #558d2c.

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

CSS codes

.text {color:#558d2c;}

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

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

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 #f9fcf6 is the lightest one.

#040602
```
#040602 rgb(4,6,2)
```
#0d1507
```
#0d1507 rgb(13,21,7)
```
#16240b
```
#16240b rgb(22,36,11)
```
#1f3310
```
#1f3310 rgb(31,51,16)
```
#284215
```
#284215 rgb(40,66,21)
```
#315119
```
#315119 rgb(49,81,25)
```
#3a601e
```
#3a601e rgb(58,96,30)
```
#436f23
```
#436f23 rgb(67,111,35)
```
#4c7e27
```
#4c7e27 rgb(76,126,39)
```
#558d2c
```
#558d2c rgb(85,141,44)
```
#5e9c31
```
#5e9c31 rgb(94,156,49)
```
#67ab35
```
#67ab35 rgb(103,171,53)
```
#70ba3a
```
#70ba3a rgb(112,186,58)
```

Shade Color Variation

#7ac443
```
#7ac443 rgb(122,196,67)
```
#84c952
```
#84c952 rgb(132,201,82)
```
#8fce61
```
#8fce61 rgb(143,206,97)
```
#9ad270
```
#9ad270 rgb(154,210,112)
```
#a4d77f
```
#a4d77f rgb(164,215,127)
```
#afdc8e
```
#afdc8e rgb(175,220,142)
```
#b9e09d
```
#b9e09d rgb(185,224,157)
```
#c4e5ac
```
#c4e5ac rgb(196,229,172)
```
#cfeabb
```
#cfeabb rgb(207,234,187)
```
#d9eeca
```
#d9eeca rgb(217,238,202)
```
#e4f3d9
```
#e4f3d9 rgb(228,243,217)
```
#eef8e8
```
#eef8e8 rgb(238,248,232)
```
#f9fcf6
```
#f9fcf6 rgb(249,252,246)
```

Tint Color Variation

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

#5c6257
```
#5c6257 rgb(92,98,87)
```
#5b6950
```
#5b6950 rgb(91,105,80)
```
#597148
```
#597148 rgb(89,113,72)
```
#587841
```
#587841 rgb(88,120,65)
```
#577f3a
```
#577f3a rgb(87,127,58)
```
#568633
```
#568633 rgb(86,134,51)
```
#558d2c
```
#558d2c rgb(85,141,44)
```
#549425
```
#549425 rgb(84,148,37)
```
#539b1e
```
#539b1e rgb(83,155,30)
```
#52a217
```
#52a217 rgb(82,162,23)
```
#51a910
```
#51a910 rgb(81,169,16)
```
#4fb108
```
#4fb108 rgb(79,177,8)
```
#4eb801
```
#4eb801 rgb(78,184,1)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b7763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948533 Protanopia 1% of men
#a37f3f Deuteranopia 1% of men
#6e8993 Tritanopia 0.001% of the population

Trichromacy

#7d8830 Protanomaly 1% of men, 0.01% of women
#878438 Deuteranomaly 6% of men, 0.4% of women
#658b6e Tritanomaly 0.01% of the population

#558d2c hex color

#558d2c Color Information

#558d2c Color Conversion

Color Schemes with #558d2c

Alternatives to #558d2c

#558d2c Preview

Shades and Tints of #558d2c

Tones of #558d2c

Color Blindness Simulator