#558b3b hex color

In a RGB color space, hex #558b3b is composed of 33.3% red, 54.5% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 57.6% yellow and 45.5% black. It has a hue angle of 100.5 degrees, a saturation of 40.4% and a lightness of 38.8%. #558b3b color hex could be obtained by blending #aaff76 with #001700. Closest websafe color is: #669933.

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

● #558b3b color description : Dark moderate green.

The hexadecimal color #558b3b has RGB values of R:85, G:139, B:59 and CMYK values of C:0.39, M:0, Y:0.58, K:0.45. Its decimal value is 5606203.

Hex triplet	558b3b	`#558b3b`
RGB Decimal	85, 139, 59	`rgb(85,139,59)`
RGB Percent	33.3, 54.5, 23.1	`rgb(33.3%,54.5%,23.1%)`
CMYK	39, 0, 58, 45
HSL	100.5°, 40.4, 38.8	`hsl(100.5,40.4%,38.8%)`
HSV (or HSB)	100.5°, 57.6, 54.5
Web Safe	669933	`#669933`

CIE-LAB	52.632, -33.239, 36.678
XYZ	13.768, 20.712, 7.41
xyY	0.329, 0.494, 20.712
CIE-LCH	52.632, 49.498, 132.184
CIE-LUV	52.632, -26.673, 47.459
Hunter-Lab	45.51, -25.642, 22.204
Binary	01010101, 10001011, 00111011

#558b3b
```
#558b3b rgb(85,139,59)
```
#713b8b
```
#713b8b rgb(113,59,139)
```

Complementary Color

#7d8b3b
```
#7d8b3b rgb(125,139,59)
```
#558b3b
```
#558b3b rgb(85,139,59)
```
#3b8b49
```
#3b8b49 rgb(59,139,73)
```

Analogous Color

#8b3b7d
```
#8b3b7d rgb(139,59,125)
```
#558b3b
```
#558b3b rgb(85,139,59)
```
#493b8b
```
#493b8b rgb(73,59,139)
```

Split Complementary Color

#8b3b55
```
#8b3b55 rgb(139,59,85)
```
#558b3b
```
#558b3b rgb(85,139,59)
```
#3b558b
```
#3b558b rgb(59,85,139)
```

Triadic Color

#8b713b
```
#8b713b rgb(139,113,59)
```
#558b3b
```
#558b3b rgb(85,139,59)
```
#3b558b
```
#3b558b rgb(59,85,139)
```
#713b8b
```
#713b8b rgb(113,59,139)
```

Tetradic Color

#345524
```
#345524 rgb(52,85,36)
```
#3f672c
```
#3f672c rgb(63,103,44)
```
#4a7933
```
#4a7933 rgb(74,121,51)
```
#558b3b
```
#558b3b rgb(85,139,59)
```
#609d43
```
#609d43 rgb(96,157,67)
```
#6baf4a
```
#6baf4a rgb(107,175,74)
```
#79b95a
```
#79b95a rgb(121,185,90)
```

Monochromatic Color

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

#698b3b
```
#698b3b rgb(105,139,59)
```
#628b3b
```
#628b3b rgb(98,139,59)
```
#5c8b3b
```
#5c8b3b rgb(92,139,59)
```
#558b3b
```
#558b3b rgb(85,139,59)
```
#4e8b3b
```
#4e8b3b rgb(78,139,59)
```
#488b3b
```
#488b3b rgb(72,139,59)
```
#418b3b
```
#418b3b rgb(65,139,59)
```

Similar Colors

Text with hexadecimal color #558b3b

This text has a font color of #558b3b.

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

#558b3b background color

This paragraph has a background color of #558b3b.

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

#558b3b border color

This element has a border color of #558b3b.

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

CSS codes

.text {color:#558b3b;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090f06
```
#090f06 rgb(9,15,6)
```
#121d0c
```
#121d0c rgb(18,29,12)
```
#1a2b12
```
#1a2b12 rgb(26,43,18)
```
#223818
```
#223818 rgb(34,56,24)
```
#2b461e
```
#2b461e rgb(43,70,30)
```
#335424
```
#335424 rgb(51,84,36)
```
#3c6229
```
#3c6229 rgb(60,98,41)
```
#446f2f
```
#446f2f rgb(68,111,47)
```
#4d7d35
```
#4d7d35 rgb(77,125,53)
```
#558b3b
```
#558b3b rgb(85,139,59)
```
#5d9941
```
#5d9941 rgb(93,153,65)
```
#66a747
```
#66a747 rgb(102,167,71)
```

Shade Color Variation

#6fb44d
```
#6fb44d rgb(111,180,77)
```
#7ab95b
```
#7ab95b rgb(122,185,91)
```
#85bf69
```
#85bf69 rgb(133,191,105)
```
#90c577
```
#90c577 rgb(144,197,119)
```
#9bcb84
```
#9bcb84 rgb(155,203,132)
```
#a6d192
```
#a6d192 rgb(166,209,146)
```
#b2d7a0
```
#b2d7a0 rgb(178,215,160)
```
#bddcae
```
#bddcae rgb(189,220,174)
```
#c8e2bb
```
#c8e2bb rgb(200,226,187)
```
#d3e8c9
```
#d3e8c9 rgb(211,232,201)
```
#deeed7
```
#deeed7 rgb(222,238,215)
```
#eaf4e5
```
#eaf4e5 rgb(234,244,229)
```
#f5faf3
```
#f5faf3 rgb(245,250,243)
```

Tint Color Variation

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

#626561
```
#626561 rgb(98,101,97)
```
#606d59
```
#606d59 rgb(96,109,89)
```
#5d7452
```
#5d7452 rgb(93,116,82)
```
#5a7c4a
```
#5a7c4a rgb(90,124,74)
```
#588343
```
#588343 rgb(88,131,67)
```
#558b3b
```
#558b3b rgb(85,139,59)
```
#529333
```
#529333 rgb(82,147,51)
```
#509a2c
```
#509a2c rgb(80,154,44)
```
#4da224
```
#4da224 rgb(77,162,36)
```
#4aa91d
```
#4aa91d rgb(74,169,29)
```
#48b115
```
#48b115 rgb(72,177,21)
```
#45b90d
```
#45b90d rgb(69,185,13)
```
#42c006
```
#42c006 rgb(66,192,6)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7767 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928441 Protanopia 1% of men
#a07e4b Deuteranopia 1% of men
#6c8892 Tritanopia 0.001% of the population

Trichromacy

#7b863f Protanomaly 1% of men, 0.01% of women
#858345 Deuteranomaly 6% of men, 0.4% of women
#648972 Tritanomaly 0.01% of the population

#558b3b hex color

#558b3b Color Information

#558b3b Color Conversion

Color Schemes with #558b3b

Alternatives to #558b3b

#558b3b Preview

Shades and Tints of #558b3b

Tones of #558b3b

Color Blindness Simulator