#558d28 hex color

In a RGB color space, hex #558d28 is composed of 33.3% red, 55.3% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 71.6% yellow and 44.7% black. It has a hue angle of 93.3 degrees, a saturation of 55.8% and a lightness of 35.5%. #558d28 color hex could be obtained by blending #aaff50 with #001b00. Closest websafe color is: #669933.

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

● #558d28 color description : Dark green.

The hexadecimal color #558d28 has RGB values of R:85, G:141, B:40 and CMYK values of C:0.4, M:0, Y:0.72, K:0.45. Its decimal value is 5606696.

Hex triplet	558d28	`#558d28`
RGB Decimal	85, 141, 40	`rgb(85,141,40)`
RGB Percent	33.3, 55.3, 15.7	`rgb(33.3%,55.3%,15.7%)`
CMYK	40, 0, 72, 45
HSL	93.3°, 55.8, 35.5	`hsl(93.3,55.8%,35.5%)`
HSV (or HSB)	93.3°, 71.6, 55.3
Web Safe	669933	`#669933`

CIE-LAB	53.095, -35.962, 45.798
XYZ	13.654, 21.134, 5.367
xyY	0.34, 0.526, 21.134
CIE-LCH	53.095, 58.23, 128.14
CIE-LUV	53.095, -27.843, 55.342
Hunter-Lab	45.971, -27.434, 25.258
Binary	01010101, 10001101, 00101000

#558d28
```
#558d28 rgb(85,141,40)
```
#60288d
```
#60288d rgb(96,40,141)
```

Complementary Color

#888d28
```
#888d28 rgb(136,141,40)
```
#558d28
```
#558d28 rgb(85,141,40)
```
#288d2e
```
#288d2e rgb(40,141,46)
```

Analogous Color

#8d2888
```
#8d2888 rgb(141,40,136)
```
#558d28
```
#558d28 rgb(85,141,40)
```
#2e288d
```
#2e288d rgb(46,40,141)
```

Split Complementary Color

#8d2855
```
#8d2855 rgb(141,40,85)
```
#558d28
```
#558d28 rgb(85,141,40)
```
#28558d
```
#28558d rgb(40,85,141)
```

Triadic Color

#8d6028
```
#8d6028 rgb(141,96,40)
```
#558d28
```
#558d28 rgb(85,141,40)
```
#28558d
```
#28558d rgb(40,85,141)
```
#60288d
```
#60288d rgb(96,40,141)
```

Tetradic Color

#315117
```
#315117 rgb(49,81,23)
```
#3d651d
```
#3d651d rgb(61,101,29)
```
#497922
```
#497922 rgb(73,121,34)
```
#558d28
```
#558d28 rgb(85,141,40)
```
#61a12e
```
#61a12e rgb(97,161,46)
```
#6db533
```
#6db533 rgb(109,181,51)
```
#79c73a
```
#79c73a rgb(121,199,58)
```

Monochromatic Color

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

#6e8d28
```
#6e8d28 rgb(110,141,40)
```
#668d28
```
#668d28 rgb(102,141,40)
```
#5d8d28
```
#5d8d28 rgb(93,141,40)
```
#558d28
```
#558d28 rgb(85,141,40)
```
#4d8d28
```
#4d8d28 rgb(77,141,40)
```
#448d28
```
#448d28 rgb(68,141,40)
```
#3c8d28
```
#3c8d28 rgb(60,141,40)
```

Similar Colors

Text with hexadecimal color #558d28

This text has a font color of #558d28.

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

#558d28 background color

This paragraph has a background color of #558d28.

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

#558d28 border color

This element has a border color of #558d28.

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

CSS codes

.text {color:#558d28;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0b1305
```
#0b1305 rgb(11,19,5)
```
#15220a
```
#15220a rgb(21,34,10)
```
#1e310e
```
#1e310e rgb(30,49,14)
```
#274112
```
#274112 rgb(39,65,18)
```
#305017
```
#305017 rgb(48,80,23)
```
#395f1b
```
#395f1b rgb(57,95,27)
```
#436e1f
```
#436e1f rgb(67,110,31)
```
#4c7e24
```
#4c7e24 rgb(76,126,36)
```
#558d28
```
#558d28 rgb(85,141,40)
```
#5e9c2c
```
#5e9c2c rgb(94,156,44)
```
#67ac31
```
#67ac31 rgb(103,172,49)
```
#71bb35
```
#71bb35 rgb(113,187,53)
```

Shade Color Variation

#7ac83c
```
#7ac83c rgb(122,200,60)
```
#85cc4b
```
#85cc4b rgb(133,204,75)
```
#8fd05a
```
#8fd05a rgb(143,208,90)
```
#99d56a
```
#99d56a rgb(153,213,106)
```
#a4d979
```
#a4d979 rgb(164,217,121)
```
#aedd88
```
#aedd88 rgb(174,221,136)
```
#b9e298
```
#b9e298 rgb(185,226,152)
```
#c3e6a7
```
#c3e6a7 rgb(195,230,167)
```
#cdeab6
```
#cdeab6 rgb(205,234,182)
```
#d8efc5
```
#d8efc5 rgb(216,239,197)
```
#e2f3d5
```
#e2f3d5 rgb(226,243,213)
```
#edf7e4
```
#edf7e4 rgb(237,247,228)
```
#f7fcf3
```
#f7fcf3 rgb(247,252,243)
```

Tint Color Variation

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

#5a5c59
```
#5a5c59 rgb(90,92,89)
```
#5a6352
```
#5a6352 rgb(90,99,82)
```
#596a4b
```
#596a4b rgb(89,106,75)
```
#587144
```
#587144 rgb(88,113,68)
```
#57783d
```
#57783d rgb(87,120,61)
```
#577f36
```
#577f36 rgb(87,127,54)
```
#56862f
```
#56862f rgb(86,134,47)
```
#558d28
```
#558d28 rgb(85,141,40)
```
#549421
```
#549421 rgb(84,148,33)
```
#539b1a
```
#539b1a rgb(83,155,26)
```
#53a213
```
#53a213 rgb(83,162,19)
```
#52a90c
```
#52a90c rgb(82,169,12)
```
#51b005
```
#51b005 rgb(81,176,5)
```

Tone Color Variation

Below, you can see how #558d28 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
#6b7762 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94852f Protanopia 1% of men
#a47f3b Deuteranopia 1% of men
#6e8993 Tritanopia 0.001% of the population

Trichromacy

#7d882c Protanomaly 1% of men, 0.01% of women
#878434 Deuteranomaly 6% of men, 0.4% of women
#658a6c Tritanomaly 0.01% of the population

#558d28 hex color

#558d28 Color Information

#558d28 Color Conversion

Color Schemes with #558d28

Alternatives to #558d28

#558d28 Preview

Shades and Tints of #558d28

Tones of #558d28

Color Blindness Simulator