#558a4f hex color

In a RGB color space, hex #558a4f is composed of 33.3% red, 54.1% green and 31% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 42.8% yellow and 45.9% black. It has a hue angle of 113.9 degrees, a saturation of 27.2% and a lightness of 42.5%. #558a4f color hex could be obtained by blending #aaff9e with #001500. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 54
- B 31
RGB color chart
- C 38
- M 0
- Y 43
- K 46
CMYK color chart

● #558a4f color description : Mostly desaturated dark lime green.

The hexadecimal color #558a4f has RGB values of R:85, G:138, B:79 and CMYK values of C:0.38, M:0, Y:0.43, K:0.46. Its decimal value is 5605967.

Hex triplet	558a4f	`#558a4f`
RGB Decimal	85, 138, 79	`rgb(85,138,79)`
RGB Percent	33.3, 54.1, 31	`rgb(33.3%,54.1%,31%)`
CMYK	38, 0, 43, 46
HSL	113.9°, 27.2, 42.5	`hsl(113.9,27.2%,42.5%)`
HSV (or HSB)	113.9°, 42.8, 54.1
Web Safe	669966	`#669966`

CIE-LAB	52.589, -30.048, 26.147
XYZ	14.245, 20.672, 10.636
xyY	0.313, 0.454, 20.672
CIE-LCH	52.589, 39.832, 138.972
CIE-LUV	52.589, -25.9, 36.868
Hunter-Lab	45.467, -23.639, 17.957
Binary	01010101, 10001010, 01001111

#558a4f
```
#558a4f rgb(85,138,79)
```
#844f8a
```
#844f8a rgb(132,79,138)
```

Complementary Color

#738a4f
```
#738a4f rgb(115,138,79)
```
#558a4f
```
#558a4f rgb(85,138,79)
```
#4f8a67
```
#4f8a67 rgb(79,138,103)
```

Analogous Color

#8a4f73
```
#8a4f73 rgb(138,79,115)
```
#558a4f
```
#558a4f rgb(85,138,79)
```
#674f8a
```
#674f8a rgb(103,79,138)
```

Split Complementary Color

#8a4f55
```
#8a4f55 rgb(138,79,85)
```
#558a4f
```
#558a4f rgb(85,138,79)
```
#4f558a
```
#4f558a rgb(79,85,138)
```

Triadic Color

#8a844f
```
#8a844f rgb(138,132,79)
```
#558a4f
```
#558a4f rgb(85,138,79)
```
#4f558a
```
#4f558a rgb(79,85,138)
```
#844f8a
```
#844f8a rgb(132,79,138)
```

Tetradic Color

#375933
```
#375933 rgb(55,89,51)
```
#416a3c
```
#416a3c rgb(65,106,60)
```
#4b7a46
```
#4b7a46 rgb(75,122,70)
```
#558a4f
```
#558a4f rgb(85,138,79)
```
#5f9a58
```
#5f9a58 rgb(95,154,88)
```
#6ca765
```
#6ca765 rgb(108,167,101)
```
#7bb075
```
#7bb075 rgb(123,176,117)
```

Monochromatic Color

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

#648a4f
```
#648a4f rgb(100,138,79)
```
#5f8a4f
```
#5f8a4f rgb(95,138,79)
```
#5a8a4f
```
#5a8a4f rgb(90,138,79)
```
#558a4f
```
#558a4f rgb(85,138,79)
```
#508a4f
```
#508a4f rgb(80,138,79)
```
#4f8a53
```
#4f8a53 rgb(79,138,83)
```
#4f8a58
```
#4f8a58 rgb(79,138,88)
```

Similar Colors

Text with hexadecimal color #558a4f

This text has a font color of #558a4f.

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

#558a4f background color

This paragraph has a background color of #558a4f.

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

#558a4f border color

This element has a border color of #558a4f.

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

CSS codes

.text {color:#558a4f;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#080d08
```
#080d08 rgb(8,13,8)
```
#101a0f
```
#101a0f rgb(16,26,15)
```
#182616
```
#182616 rgb(24,38,22)
```
#1f331d
```
#1f331d rgb(31,51,29)
```
#273f24
```
#273f24 rgb(39,63,36)
```
#2f4c2b
```
#2f4c2b rgb(47,76,43)
```
#365832
```
#365832 rgb(54,88,50)
```
#3e653a
```
#3e653a rgb(62,101,58)
```
#467141
```
#467141 rgb(70,113,65)
```
#4d7e48
```
#4d7e48 rgb(77,126,72)
```
#558a4f
```
#558a4f rgb(85,138,79)
```
#5d9656
```
#5d9656 rgb(93,150,86)
```

Shade Color Variation

#65a35e
```
#65a35e rgb(101,163,94)
```
#71aa6a
```
#71aa6a rgb(113,170,106)
```
#7cb177
```
#7cb177 rgb(124,177,119)
```
#88b883
```
#88b883 rgb(136,184,131)
```
#94bf90
```
#94bf90 rgb(148,191,144)
```
#a0c69c
```
#a0c69c rgb(160,198,156)
```
#accda8
```
#accda8 rgb(172,205,168)
```
#b8d5b5
```
#b8d5b5 rgb(184,213,181)
```
#c4dcc1
```
#c4dcc1 rgb(196,220,193)
```
#d0e3ce
```
#d0e3ce rgb(208,227,206)
```
#dceada
```
#dceada rgb(220,234,218)
```
#e8f1e7
```
#e8f1e7 rgb(232,241,231)
```
#f4f8f3
```
#f4f8f3 rgb(244,248,243)
```

Tint Color Variation

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

#697168
```
#697168 rgb(105,113,104)
```
#627960
```
#627960 rgb(98,121,96)
```
#5c8257
```
#5c8257 rgb(92,130,87)
```
#558a4f
```
#558a4f rgb(85,138,79)
```
#4e9247
```
#4e9247 rgb(78,146,71)
```
#489b3e
```
#489b3e rgb(72,155,62)
```
#41a336
```
#41a336 rgb(65,163,54)
```
#3aab2e
```
#3aab2e rgb(58,171,46)
```
#34b425
```
#34b425 rgb(52,180,37)
```
#2dbc1d
```
#2dbc1d rgb(45,188,29)
```
#26c415
```
#26c415 rgb(38,196,21)
```
#20cd0c
```
#20cd0c rgb(32,205,12)
```
#19d504
```
#19d504 rgb(25,213,4)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d786c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8453 Protanopia 1% of men
#9c7e5d Deuteranopia 1% of men
#6a8992 Tritanopia 0.001% of the population

Trichromacy

#7a8652 Protanomaly 1% of men, 0.01% of women
#828258 Deuteranomaly 6% of men, 0.4% of women
#62897a Tritanomaly 0.01% of the population

#558a4f hex color

#558a4f Color Information

#558a4f Color Conversion

Color Schemes with #558a4f

Alternatives to #558a4f

#558a4f Preview

Shades and Tints of #558a4f

Tones of #558a4f

Color Blindness Simulator