#558c28 hex color

In a RGB color space, hex #558c28 is composed of 33.3% red, 54.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 71.4% yellow and 45.1% black. It has a hue angle of 93 degrees, a saturation of 55.6% and a lightness of 35.3%. #558c28 color hex could be obtained by blending #aaff50 with #001900. Closest websafe color is: #669933.

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

● #558c28 color description : Dark green.

The hexadecimal color #558c28 has RGB values of R:85, G:140, B:40 and CMYK values of C:0.39, M:0, Y:0.71, K:0.45. Its decimal value is 5606440.

Hex triplet	558c28	`#558c28`
RGB Decimal	85, 140, 40	`rgb(85,140,40)`
RGB Percent	33.3, 54.9, 15.7	`rgb(33.3%,54.9%,15.7%)`
CMYK	39, 0, 71, 45
HSL	93°, 55.6, 35.3	`hsl(93,55.6%,35.3%)`
HSV (or HSB)	93°, 71.4, 54.9
Web Safe	669933	`#669933`

CIE-LAB	52.774, -35.518, 45.468
XYZ	13.507, 20.84, 5.318
xyY	0.341, 0.525, 20.84
CIE-LCH	52.774, 57.696, 127.996
CIE-LUV	52.774, -27.368, 54.875
Hunter-Lab	45.651, -27.075, 25.048
Binary	01010101, 10001100, 00101000

#558c28
```
#558c28 rgb(85,140,40)
```
#5f288c
```
#5f288c rgb(95,40,140)
```

Complementary Color

#878c28
```
#878c28 rgb(135,140,40)
```
#558c28
```
#558c28 rgb(85,140,40)
```
#288c2d
```
#288c2d rgb(40,140,45)
```

Analogous Color

#8c2887
```
#8c2887 rgb(140,40,135)
```
#558c28
```
#558c28 rgb(85,140,40)
```
#2d288c
```
#2d288c rgb(45,40,140)
```

Split Complementary Color

#8c2855
```
#8c2855 rgb(140,40,85)
```
#558c28
```
#558c28 rgb(85,140,40)
```
#28558c
```
#28558c rgb(40,85,140)
```

Triadic Color

#8c5f28
```
#8c5f28 rgb(140,95,40)
```
#558c28
```
#558c28 rgb(85,140,40)
```
#28558c
```
#28558c rgb(40,85,140)
```
#5f288c
```
#5f288c rgb(95,40,140)
```

Tetradic Color

#315117
```
#315117 rgb(49,81,23)
```
#3d641d
```
#3d641d rgb(61,100,29)
```
#497822
```
#497822 rgb(73,120,34)
```
#558c28
```
#558c28 rgb(85,140,40)
```
#61a02e
```
#61a02e rgb(97,160,46)
```
#6db433
```
#6db433 rgb(109,180,51)
```
#79c73a
```
#79c73a rgb(121,199,58)
```

Monochromatic Color

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

#6e8c28
```
#6e8c28 rgb(110,140,40)
```
#668c28
```
#668c28 rgb(102,140,40)
```
#5d8c28
```
#5d8c28 rgb(93,140,40)
```
#558c28
```
#558c28 rgb(85,140,40)
```
#4d8c28
```
#4d8c28 rgb(77,140,40)
```
#448c28
```
#448c28 rgb(68,140,40)
```
#3c8c28
```
#3c8c28 rgb(60,140,40)
```

Similar Colors

Text with hexadecimal color #558c28

This text has a font color of #558c28.

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

#558c28 background color

This paragraph has a background color of #558c28.

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

#558c28 border color

This element has a border color of #558c28.

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

CSS codes

.text {color:#558c28;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0b1205
```
#0b1205 rgb(11,18,5)
```
#142109
```
#142109 rgb(20,33,9)
```
#1d300e
```
#1d300e rgb(29,48,14)
```
#274012
```
#274012 rgb(39,64,18)
```
#304f17
```
#304f17 rgb(48,79,23)
```
#395e1b
```
#395e1b rgb(57,94,27)
```
#426d1f
```
#426d1f rgb(66,109,31)
```
#4c7d24
```
#4c7d24 rgb(76,125,36)
```
#558c28
```
#558c28 rgb(85,140,40)
```
#5e9b2c
```
#5e9b2c rgb(94,155,44)
```
#68ab31
```
#68ab31 rgb(104,171,49)
```
#71ba35
```
#71ba35 rgb(113,186,53)
```

Shade Color Variation

#7ac73b
```
#7ac73b rgb(122,199,59)
```
#85cb4b
```
#85cb4b rgb(133,203,75)
```
#8fd05a
```
#8fd05a rgb(143,208,90)
```
#99d469
```
#99d469 rgb(153,212,105)
```
#a4d978
```
#a4d978 rgb(164,217,120)
```
#aedd88
```
#aedd88 rgb(174,221,136)
```
#b8e197
```
#b8e197 rgb(184,225,151)
```
#c3e6a6
```
#c3e6a6 rgb(195,230,166)
```
#cdeab5
```
#cdeab5 rgb(205,234,181)
```
#d7eec5
```
#d7eec5 rgb(215,238,197)
```
#e2f3d4
```
#e2f3d4 rgb(226,243,212)
```
#ecf7e3
```
#ecf7e3 rgb(236,247,227)
```
#f6fbf2
```
#f6fbf2 rgb(246,251,242)
```

Tint Color Variation

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

#5a5c58
```
#5a5c58 rgb(90,92,88)
```
#596252
```
#596252 rgb(89,98,82)
```
#58694b
```
#58694b rgb(88,105,75)
```
#587044
```
#587044 rgb(88,112,68)
```
#57773d
```
#57773d rgb(87,119,61)
```
#567e36
```
#567e36 rgb(86,126,54)
```
#56852f
```
#56852f rgb(86,133,47)
```
#558c28
```
#558c28 rgb(85,140,40)
```
#549321
```
#549321 rgb(84,147,33)
```
#549a1a
```
#549a1a rgb(84,154,26)
```
#53a113
```
#53a113 rgb(83,161,19)
```
#52a80c
```
#52a80c rgb(82,168,12)
```
#52af05
```
#52af05 rgb(82,175,5)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b7662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93842f Protanopia 1% of men
#a37e3b Deuteranopia 1% of men
#6e8892 Tritanopia 0.001% of the population

Trichromacy

#7c872c Protanomaly 1% of men, 0.01% of women
#868334 Deuteranomaly 6% of men, 0.4% of women
#658a6b Tritanomaly 0.01% of the population

#558c28 hex color

#558c28 Color Information

#558c28 Color Conversion

Color Schemes with #558c28

Alternatives to #558c28

#558c28 Preview

Shades and Tints of #558c28

Tones of #558c28

Color Blindness Simulator