#558d2d hex color

In a RGB color space, hex #558d2d is composed of 33.3% red, 55.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 68.1% yellow and 44.7% black. It has a hue angle of 95 degrees, a saturation of 51.6% and a lightness of 36.5%. #558d2d color hex could be obtained by blending #aaff5a with #001b00. Closest websafe color is: #669933.

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

● #558d2d color description : Dark moderate green.

The hexadecimal color #558d2d has RGB values of R:85, G:141, B:45 and CMYK values of C:0.4, M:0, Y:0.68, K:0.45. Its decimal value is 5606701.

Hex triplet	558d2d	`#558d2d`
RGB Decimal	85, 141, 45	`rgb(85,141,45)`
RGB Percent	33.3, 55.3, 17.6	`rgb(33.3%,55.3%,17.6%)`
CMYK	40, 0, 68, 45
HSL	95°, 51.6, 36.5	`hsl(95,51.6%,36.5%)`
HSV (or HSB)	95°, 68.1, 55.3
Web Safe	669933	`#669933`

CIE-LAB	53.135, -35.554, 43.754
XYZ	13.744, 21.17, 5.844
xyY	0.337, 0.519, 21.17
CIE-LCH	53.135, 56.378, 129.097
CIE-LUV	53.135, -27.79, 53.785
Hunter-Lab	46.011, -27.197, 24.676
Binary	01010101, 10001101, 00101101

#558d2d
```
#558d2d rgb(85,141,45)
```
#652d8d
```
#652d8d rgb(101,45,141)
```

Complementary Color

#858d2d
```
#858d2d rgb(133,141,45)
```
#558d2d
```
#558d2d rgb(85,141,45)
```
#2d8d35
```
#2d8d35 rgb(45,141,53)
```

Analogous Color

#8d2d85
```
#8d2d85 rgb(141,45,133)
```
#558d2d
```
#558d2d rgb(85,141,45)
```
#352d8d
```
#352d8d rgb(53,45,141)
```

Split Complementary Color

#8d2d55
```
#8d2d55 rgb(141,45,85)
```
#558d2d
```
#558d2d rgb(85,141,45)
```
#2d558d
```
#2d558d rgb(45,85,141)
```

Triadic Color

#8d652d
```
#8d652d rgb(141,101,45)
```
#558d2d
```
#558d2d rgb(85,141,45)
```
#2d558d
```
#2d558d rgb(45,85,141)
```
#652d8d
```
#652d8d rgb(101,45,141)
```

Tetradic Color

#32531a
```
#32531a rgb(50,83,26)
```
#3e6621
```
#3e6621 rgb(62,102,33)
```
#497a27
```
#497a27 rgb(73,122,39)
```
#558d2d
```
#558d2d rgb(85,141,45)
```
#61a033
```
#61a033 rgb(97,160,51)
```
#6cb439
```
#6cb439 rgb(108,180,57)
```
#79c343
```
#79c343 rgb(121,195,67)
```

Monochromatic Color

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

#6d8d2d
```
#6d8d2d rgb(109,141,45)
```
#658d2d
```
#658d2d rgb(101,141,45)
```
#5d8d2d
```
#5d8d2d rgb(93,141,45)
```
#558d2d
```
#558d2d rgb(85,141,45)
```
#4d8d2d
```
#4d8d2d rgb(77,141,45)
```
#458d2d
```
#458d2d rgb(69,141,45)
```
#3d8d2d
```
#3d8d2d rgb(61,141,45)
```

Similar Colors

Text with hexadecimal color #558d2d

This text has a font color of #558d2d.

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

#558d2d background color

This paragraph has a background color of #558d2d.

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

#558d2d border color

This element has a border color of #558d2d.

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

CSS codes

.text {color:#558d2d;}

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

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

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

#040702
```
#040702 rgb(4,7,2)
```
#0d1607
```
#0d1607 rgb(13,22,7)
```
#16250c
```
#16250c rgb(22,37,12)
```
#1f3411
```
#1f3411 rgb(31,52,17)
```
#284315
```
#284315 rgb(40,67,21)
```
#31521a
```
#31521a rgb(49,82,26)
```
#3a601f
```
#3a601f rgb(58,96,31)
```
#436f24
```
#436f24 rgb(67,111,36)
```
#4c7e28
```
#4c7e28 rgb(76,126,40)
```
#558d2d
```
#558d2d rgb(85,141,45)
```
#5e9c32
```
#5e9c32 rgb(94,156,50)
```
#67ab36
```
#67ab36 rgb(103,171,54)
```
#70ba3b
```
#70ba3b rgb(112,186,59)
```

Shade Color Variation

#7ac445
```
#7ac445 rgb(122,196,69)
```
#84c854
```
#84c854 rgb(132,200,84)
```
#8fcd63
```
#8fcd63 rgb(143,205,99)
```
#9ad271
```
#9ad271 rgb(154,210,113)
```
#a4d780
```
#a4d780 rgb(164,215,128)
```
#afdb8f
```
#afdb8f rgb(175,219,143)
```
#bae09e
```
#bae09e rgb(186,224,158)
```
#c4e5ad
```
#c4e5ad rgb(196,229,173)
```
#cfeabc
```
#cfeabc rgb(207,234,188)
```
#daeecb
```
#daeecb rgb(218,238,203)
```
#e4f3da
```
#e4f3da rgb(228,243,218)
```
#eff8e8
```
#eff8e8 rgb(239,248,232)
```
#f9fdf7
```
#f9fdf7 rgb(249,253,247)
```

Tint Color Variation

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

#5c6258
```
#5c6258 rgb(92,98,88)
```
#5b6951
```
#5b6951 rgb(91,105,81)
```
#5a704a
```
#5a704a rgb(90,112,74)
```
#597842
```
#597842 rgb(89,120,66)
```
#577f3b
```
#577f3b rgb(87,127,59)
```
#568634
```
#568634 rgb(86,134,52)
```
#558d2d
```
#558d2d rgb(85,141,45)
```
#549426
```
#549426 rgb(84,148,38)
```
#539b1f
```
#539b1f rgb(83,155,31)
```
#51a218
```
#51a218 rgb(81,162,24)
```
#50aa10
```
#50aa10 rgb(80,170,16)
```
#4fb109
```
#4fb109 rgb(79,177,9)
```
#4eb802
```
#4eb802 rgb(78,184,2)
```

Tone Color Variation

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

#948534 Protanopia 1% of men
#a37f40 Deuteranopia 1% of men
#6e8993 Tritanopia 0.001% of the population

Trichromacy

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

#558d2d hex color

#558d2d Color Information

#558d2d Color Conversion

Color Schemes with #558d2d

Alternatives to #558d2d

#558d2d Preview

Shades and Tints of #558d2d

Tones of #558d2d

Color Blindness Simulator