#558a4d hex color

In a RGB color space, hex #558a4d is composed of 33.3% red, 54.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 44.2% yellow and 45.9% black. It has a hue angle of 112.1 degrees, a saturation of 28.4% and a lightness of 42.2%. #558a4d color hex could be obtained by blending #aaff9a with #001500. Closest websafe color is: #669966.

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

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

The hexadecimal color #558a4d has RGB values of R:85, G:138, B:77 and CMYK values of C:0.38, M:0, Y:0.44, K:0.46. Its decimal value is 5605965.

Hex triplet	558a4d	`#558a4d`
RGB Decimal	85, 138, 77	`rgb(85,138,77)`
RGB Percent	33.3, 54.1, 30.2	`rgb(33.3%,54.1%,30.2%)`
CMYK	38, 0, 44, 46
HSL	112.1°, 28.4, 42.2	`hsl(112.1,28.4%,42.2%)`
HSV (or HSB)	112.1°, 44.2, 54.1
Web Safe	669966	`#669966`

CIE-LAB	52.557, -30.358, 27.195
XYZ	14.174, 20.643, 10.259
xyY	0.314, 0.458, 20.643
CIE-LCH	52.557, 40.758, 138.145
CIE-LUV	52.557, -25.933, 37.993
Hunter-Lab	45.435, -23.827, 18.418
Binary	01010101, 10001010, 01001101

#558a4d
```
#558a4d rgb(85,138,77)
```
#824d8a
```
#824d8a rgb(130,77,138)
```

Complementary Color

#748a4d
```
#748a4d rgb(116,138,77)
```
#558a4d
```
#558a4d rgb(85,138,77)
```
#4d8a64
```
#4d8a64 rgb(77,138,100)
```

Analogous Color

#8a4d74
```
#8a4d74 rgb(138,77,116)
```
#558a4d
```
#558a4d rgb(85,138,77)
```
#644d8a
```
#644d8a rgb(100,77,138)
```

Split Complementary Color

#8a4d55
```
#8a4d55 rgb(138,77,85)
```
#558a4d
```
#558a4d rgb(85,138,77)
```
#4d558a
```
#4d558a rgb(77,85,138)
```

Triadic Color

#8a824d
```
#8a824d rgb(138,130,77)
```
#558a4d
```
#558a4d rgb(85,138,77)
```
#4d558a
```
#4d558a rgb(77,85,138)
```
#824d8a
```
#824d8a rgb(130,77,138)
```

Tetradic Color

#375932
```
#375932 rgb(55,89,50)
```
#41693b
```
#41693b rgb(65,105,59)
```
#4b7a44
```
#4b7a44 rgb(75,122,68)
```
#558a4d
```
#558a4d rgb(85,138,77)
```
#5f9a56
```
#5f9a56 rgb(95,154,86)
```
#6ba862
```
#6ba862 rgb(107,168,98)
```
#7bb173
```
#7bb173 rgb(123,177,115)
```

Monochromatic Color

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

#648a4d
```
#648a4d rgb(100,138,77)
```
#5f8a4d
```
#5f8a4d rgb(95,138,77)
```
#5a8a4d
```
#5a8a4d rgb(90,138,77)
```
#558a4d
```
#558a4d rgb(85,138,77)
```
#508a4d
```
#508a4d rgb(80,138,77)
```
#4d8a4f
```
#4d8a4f rgb(77,138,79)
```
#4d8a54
```
#4d8a54 rgb(77,138,84)
```

Similar Colors

Text with hexadecimal color #558a4d

This text has a font color of #558a4d.

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

#558a4d background color

This paragraph has a background color of #558a4d.

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

#558a4d border color

This element has a border color of #558a4d.

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

CSS codes

.text {color:#558a4d;}

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

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

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

#070c07
```
#070c07 rgb(7,12,7)
```
#0f190e
```
#0f190e rgb(15,25,14)
```
#172515
```
#172515 rgb(23,37,21)
```
#1f321c
```
#1f321c rgb(31,50,28)
```
#263e23
```
#263e23 rgb(38,62,35)
```
#2e4b2a
```
#2e4b2a rgb(46,75,42)
```
#365831
```
#365831 rgb(54,88,49)
```
#3e6438
```
#3e6438 rgb(62,100,56)
```
#45713f
```
#45713f rgb(69,113,63)
```
#4d7d46
```
#4d7d46 rgb(77,125,70)
```
#558a4d
```
#558a4d rgb(85,138,77)
```
#5d9754
```
#5d9754 rgb(93,151,84)
```
#65a35b
```
#65a35b rgb(101,163,91)
```

Shade Color Variation

#70aa67
```
#70aa67 rgb(112,170,103)
```
#7cb174
```
#7cb174 rgb(124,177,116)
```
#88b881
```
#88b881 rgb(136,184,129)
```
#94bf8d
```
#94bf8d rgb(148,191,141)
```
#a0c79a
```
#a0c79a rgb(160,199,154)
```
#accea6
```
#accea6 rgb(172,206,166)
```
#b7d5b3
```
#b7d5b3 rgb(183,213,179)
```
#c3dcc0
```
#c3dcc0 rgb(195,220,192)
```
#cfe3cc
```
#cfe3cc rgb(207,227,204)
```
#dbead9
```
#dbead9 rgb(219,234,217)
```
#e7f1e5
```
#e7f1e5 rgb(231,241,229)
```
#f3f8f2
```
#f3f8f2 rgb(243,248,242)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#677166
```
#677166 rgb(103,113,102)
```
#61795e
```
#61795e rgb(97,121,94)
```
#5b8255
```
#5b8255 rgb(91,130,85)
```
#558a4d
```
#558a4d rgb(85,138,77)
```
#4f9245
```
#4f9245 rgb(79,146,69)
```
#499b3c
```
#499b3c rgb(73,155,60)
```
#43a334
```
#43a334 rgb(67,163,52)
```
#3dab2c
```
#3dab2c rgb(61,171,44)
```
#36b324
```
#36b324 rgb(54,179,36)
```
#30bc1b
```
#30bc1b rgb(48,188,27)
```
#2ac413
```
#2ac413 rgb(42,196,19)
```
#24cc0b
```
#24cc0b rgb(36,204,11)
```
#1ed403
```
#1ed403 rgb(30,212,3)
```

Tone Color Variation

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

Dichromacy

#908451 Protanopia 1% of men
#9d7e5c Deuteranopia 1% of men
#6b8892 Tritanopia 0.001% of the population

Trichromacy

#7a8650 Protanomaly 1% of men, 0.01% of women
#828256 Deuteranomaly 6% of men, 0.4% of women
#638979 Tritanomaly 0.01% of the population

#558a4d hex color

#558a4d Color Information

#558a4d Color Conversion

Color Schemes with #558a4d

Alternatives to #558a4d

#558a4d Preview

Shades and Tints of #558a4d

Tones of #558a4d

Color Blindness Simulator