#558a4a hex color

In a RGB color space, hex #558a4a is composed of 33.3% red, 54.1% green and 29% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 46.4% yellow and 45.9% black. It has a hue angle of 109.7 degrees, a saturation of 30.2% and a lightness of 41.6%. #558a4a color hex could be obtained by blending #aaff94 with #001500. Closest websafe color is: #669933.

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

● #558a4a color description : Dark moderate lime green.

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

Hex triplet	558a4a	`#558a4a`
RGB Decimal	85, 138, 74	`rgb(85,138,74)`
RGB Percent	33.3, 54.1, 29	`rgb(33.3%,54.1%,29%)`
CMYK	38, 0, 46, 46
HSL	109.7°, 30.2, 41.6	`hsl(109.7,30.2%,41.6%)`
HSV (or HSB)	109.7°, 46.4, 54.1
Web Safe	669933	`#669933`

CIE-LAB	52.511, -30.807, 28.758
XYZ	14.07, 20.602, 9.713
xyY	0.317, 0.464, 20.602
CIE-LCH	52.511, 42.144, 136.971
CIE-LUV	52.511, -25.981, 39.634
Hunter-Lab	45.389, -24.098, 19.084
Binary	01010101, 10001010, 01001010

#558a4a
```
#558a4a rgb(85,138,74)
```
#7f4a8a
```
#7f4a8a rgb(127,74,138)
```

Complementary Color

#758a4a
```
#758a4a rgb(117,138,74)
```
#558a4a
```
#558a4a rgb(85,138,74)
```
#4a8a5f
```
#4a8a5f rgb(74,138,95)
```

Analogous Color

#8a4a75
```
#8a4a75 rgb(138,74,117)
```
#558a4a
```
#558a4a rgb(85,138,74)
```
#5f4a8a
```
#5f4a8a rgb(95,74,138)
```

Split Complementary Color

#8a4a55
```
#8a4a55 rgb(138,74,85)
```
#558a4a
```
#558a4a rgb(85,138,74)
```
#4a558a
```
#4a558a rgb(74,85,138)
```

Triadic Color

#8a7f4a
```
#8a7f4a rgb(138,127,74)
```
#558a4a
```
#558a4a rgb(85,138,74)
```
#4a558a
```
#4a558a rgb(74,85,138)
```
#7f4a8a
```
#7f4a8a rgb(127,74,138)
```

Tetradic Color

#36582f
```
#36582f rgb(54,88,47)
```
#416938
```
#416938 rgb(65,105,56)
```
#4b7941
```
#4b7941 rgb(75,121,65)
```
#558a4a
```
#558a4a rgb(85,138,74)
```
#5f9b53
```
#5f9b53 rgb(95,155,83)
```
#6ba95e
```
#6ba95e rgb(107,169,94)
```
#7ab26f
```
#7ab26f rgb(122,178,111)
```

Monochromatic Color

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

#658a4a
```
#658a4a rgb(101,138,74)
```
#608a4a
```
#608a4a rgb(96,138,74)
```
#5a8a4a
```
#5a8a4a rgb(90,138,74)
```
#558a4a
```
#558a4a rgb(85,138,74)
```
#508a4a
```
#508a4a rgb(80,138,74)
```
#4a8a4a
```
#4a8a4a rgb(74,138,74)
```
#4a8a4f
```
#4a8a4f rgb(74,138,79)
```

Similar Colors

Text with hexadecimal color #558a4a

This text has a font color of #558a4a.

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

#558a4a background color

This paragraph has a background color of #558a4a.

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

#558a4a border color

This element has a border color of #558a4a.

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

CSS codes

.text {color:#558a4a;}

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

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

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, #060a06 is the darkest color, while #fdfefd is the lightest one.

#060a06
```
#060a06 rgb(6,10,6)
```
#0e170c
```
#0e170c rgb(14,23,12)
```
#162413
```
#162413 rgb(22,36,19)
```
#1e311a
```
#1e311a rgb(30,49,26)
```
#263d21
```
#263d21 rgb(38,61,33)
```
#2e4a28
```
#2e4a28 rgb(46,74,40)
```
#36572f
```
#36572f rgb(54,87,47)
```
#3d6435
```
#3d6435 rgb(61,100,53)
```
#45703c
```
#45703c rgb(69,112,60)
```
#4d7d43
```
#4d7d43 rgb(77,125,67)
```
#558a4a
```
#558a4a rgb(85,138,74)
```
#5d9751
```
#5d9751 rgb(93,151,81)
```
#65a458
```
#65a458 rgb(101,164,88)
```

Shade Color Variation

#70ac63
```
#70ac63 rgb(112,172,99)
```
#7bb270
```
#7bb270 rgb(123,178,112)
```
#87b97d
```
#87b97d rgb(135,185,125)
```
#93c08a
```
#93c08a rgb(147,192,138)
```
#9fc796
```
#9fc796 rgb(159,199,150)
```
#aacea3
```
#aacea3 rgb(170,206,163)
```
#b6d5b0
```
#b6d5b0 rgb(182,213,176)
```
#c2dbbd
```
#c2dbbd rgb(194,219,189)
```
#cee2c9
```
#cee2c9 rgb(206,226,201)
```
#d9e9d6
```
#d9e9d6 rgb(217,233,214)
```
#e5f0e3
```
#e5f0e3 rgb(229,240,227)
```
#f1f7f0
```
#f1f7f0 rgb(241,247,240)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#657262
```
#657262 rgb(101,114,98)
```
#607a5a
```
#607a5a rgb(96,122,90)
```
#5a8252
```
#5a8252 rgb(90,130,82)
```
#558a4a
```
#558a4a rgb(85,138,74)
```
#509242
```
#509242 rgb(80,146,66)
```
#4a9a3a
```
#4a9a3a rgb(74,154,58)
```
#45a232
```
#45a232 rgb(69,162,50)
```
#40ab29
```
#40ab29 rgb(64,171,41)
```
#3ab321
```
#3ab321 rgb(58,179,33)
```
#35bb19
```
#35bb19 rgb(53,187,25)
```
#30c311
```
#30c311 rgb(48,195,17)
```
#2acb09
```
#2acb09 rgb(42,203,9)
```
#25d301
```
#25d301 rgb(37,211,1)
```

Tone Color Variation

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

#90844f Protanopia 1% of men
#9d7e59 Deuteranopia 1% of men
#6b8892 Tritanopia 0.001% of the population

Trichromacy

#7a864d Protanomaly 1% of men, 0.01% of women
#838253 Deuteranomaly 6% of men, 0.4% of women
#638978 Tritanomaly 0.01% of the population

#558a4a hex color

#558a4a Color Information

#558a4a Color Conversion

Color Schemes with #558a4a

Alternatives to #558a4a

#558a4a Preview

Shades and Tints of #558a4a

Tones of #558a4a

Color Blindness Simulator