#558b20 hex color

In a RGB color space, hex #558b20 is composed of 33.3% red, 54.5% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 77% yellow and 45.5% black. It has a hue angle of 90.3 degrees, a saturation of 62.6% and a lightness of 33.5%. #558b20 color hex could be obtained by blending #aaff40 with #001700. Closest websafe color is: #669933.

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

● #558b20 color description : Dark green.

The hexadecimal color #558b20 has RGB values of R:85, G:139, B:32 and CMYK values of C:0.39, M:0, Y:0.77, K:0.45. Its decimal value is 5606176.

Hex triplet	558b20	`#558b20`
RGB Decimal	85, 139, 32	`rgb(85,139,32)`
RGB Percent	33.3, 54.5, 12.5	`rgb(33.3%,54.5%,12.5%)`
CMYK	39, 0, 77, 45
HSL	90.3°, 62.6, 33.5	`hsl(90.3,62.6%,33.5%)`
HSV (or HSB)	90.3°, 77, 54.5
Web Safe	669933	`#669933`

CIE-LAB	52.398, -35.633, 48.141
XYZ	13.239, 20.5, 4.626
xyY	0.345, 0.534, 20.5
CIE-LCH	52.398, 59.894, 126.508
CIE-LUV	52.398, -26.961, 56.566
Hunter-Lab	45.277, -27.041, 25.637
Binary	01010101, 10001011, 00100000

#558b20
```
#558b20 rgb(85,139,32)
```
#56208b
```
#56208b rgb(86,32,139)
```

Complementary Color

#8b8b20
```
#8b8b20 rgb(139,139,32)
```
#558b20
```
#558b20 rgb(85,139,32)
```
#208b21
```
#208b21 rgb(32,139,33)
```

Analogous Color

#8b208b
```
#8b208b rgb(139,32,139)
```
#558b20
```
#558b20 rgb(85,139,32)
```
#21208b
```
#21208b rgb(33,32,139)
```

Split Complementary Color

#8b2055
```
#8b2055 rgb(139,32,85)
```
#558b20
```
#558b20 rgb(85,139,32)
```
#20558b
```
#20558b rgb(32,85,139)
```

Triadic Color

#8b5620
```
#8b5620 rgb(139,86,32)
```
#558b20
```
#558b20 rgb(85,139,32)
```
#20558b
```
#20558b rgb(32,85,139)
```
#56208b
```
#56208b rgb(86,32,139)
```

Tetradic Color

#2f4d12
```
#2f4d12 rgb(47,77,18)
```
#3c6216
```
#3c6216 rgb(60,98,22)
```
#48761b
```
#48761b rgb(72,118,27)
```
#558b20
```
#558b20 rgb(85,139,32)
```
#62a025
```
#62a025 rgb(98,160,37)
```
#6eb42a
```
#6eb42a rgb(110,180,42)
```
#7bc92e
```
#7bc92e rgb(123,201,46)
```

Monochromatic Color

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

#708b20
```
#708b20 rgb(112,139,32)
```
#678b20
```
#678b20 rgb(103,139,32)
```
#5e8b20
```
#5e8b20 rgb(94,139,32)
```
#558b20
```
#558b20 rgb(85,139,32)
```
#4c8b20
```
#4c8b20 rgb(76,139,32)
```
#438b20
```
#438b20 rgb(67,139,32)
```
#3a8b20
```
#3a8b20 rgb(58,139,32)
```

Similar Colors

Text with hexadecimal color #558b20

This text has a font color of #558b20.

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

#558b20 background color

This paragraph has a background color of #558b20.

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

#558b20 border color

This element has a border color of #558b20.

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

CSS codes

.text {color:#558b20;}

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

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

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, #070b03 is the darkest color, while #fcfefa is the lightest one.

#070b03
```
#070b03 rgb(7,11,3)
```
#111b06
```
#111b06 rgb(17,27,6)
```
#1a2b0a
```
#1a2b0a rgb(26,43,10)
```
#243b0e
```
#243b0e rgb(36,59,14)
```
#2e4b11
```
#2e4b11 rgb(46,75,17)
```
#385b15
```
#385b15 rgb(56,91,21)
```
#416b19
```
#416b19 rgb(65,107,25)
```
#4b7b1c
```
#4b7b1c rgb(75,123,28)
```
#558b20
```
#558b20 rgb(85,139,32)
```
#5f9b24
```
#5f9b24 rgb(95,155,36)
```
#69ab27
```
#69ab27 rgb(105,171,39)
```
#72bb2b
```
#72bb2b rgb(114,187,43)
```
#7ccb2f
```
#7ccb2f rgb(124,203,47)
```

Shade Color Variation

#86d23b
```
#86d23b rgb(134,210,59)
```
#90d64b
```
#90d64b rgb(144,214,75)
```
#9ad95b
```
#9ad95b rgb(154,217,91)
```
#a3dd6b
```
#a3dd6b rgb(163,221,107)
```
#ade17b
```
#ade17b rgb(173,225,123)
```
#b7e48b
```
#b7e48b rgb(183,228,139)
```
#c1e89b
```
#c1e89b rgb(193,232,155)
```
#cbecab
```
#cbecab rgb(203,236,171)
```
#d5efbb
```
#d5efbb rgb(213,239,187)
```
#dff3cb
```
#dff3cb rgb(223,243,203)
```
#e8f7db
```
#e8f7db rgb(232,247,219)
```
#f2faeb
```
#f2faeb rgb(242,250,235)
```
#fcfefa
```
#fcfefa rgb(252,254,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #555655 is the less saturated color, while #55a506 is the most saturated one.

#555655
```
#555655 rgb(85,86,85)
```
#555d4e
```
#555d4e rgb(85,93,78)
```
#556447
```
#556447 rgb(85,100,71)
```
#556a41
```
#556a41 rgb(85,106,65)
```
#55713a
```
#55713a rgb(85,113,58)
```
#557734
```
#557734 rgb(85,119,52)
```
#557e2d
```
#557e2d rgb(85,126,45)
```
#558427
```
#558427 rgb(85,132,39)
```
#558b20
```
#558b20 rgb(85,139,32)
```
#559219
```
#559219 rgb(85,146,25)
```
#559813
```
#559813 rgb(85,152,19)
```
#559f0c
```
#559f0c rgb(85,159,12)
```
#55a506
```
#55a506 rgb(85,165,6)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6a755f Atypical Achromatopsia 0.001% of the population

Dichromacy

#938428 Protanopia 1% of men
#a27d35 Deuteranopia 1% of men
#6e8791 Tritanopia 0.001% of the population

Trichromacy

#7c8625 Protanomaly 1% of men, 0.01% of women
#86822d Deuteranomaly 6% of men, 0.4% of women
#658868 Tritanomaly 0.01% of the population

#558b20 hex color

#558b20 Color Information

#558b20 Color Conversion

Color Schemes with #558b20

Alternatives to #558b20

#558b20 Preview

Shades and Tints of #558b20

Tones of #558b20

Color Blindness Simulator