#558a4e hex color

In a RGB color space, hex #558a4e is composed of 33.3% red, 54.1% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 43.5% yellow and 45.9% black. It has a hue angle of 113 degrees, a saturation of 27.8% and a lightness of 42.4%. #558a4e color hex could be obtained by blending #aaff9c 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

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

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

Hex triplet	558a4e	`#558a4e`
RGB Decimal	85, 138, 78	`rgb(85,138,78)`
RGB Percent	33.3, 54.1, 30.6	`rgb(33.3%,54.1%,30.6%)`
CMYK	38, 0, 43, 46
HSL	113°, 27.8, 42.4	`hsl(113,27.8%,42.4%)`
HSV (or HSB)	113°, 43.5, 54.1
Web Safe	669966	`#669966`

CIE-LAB	52.573, -30.204, 26.672
XYZ	14.209, 20.658, 10.446
xyY	0.314, 0.456, 20.658
CIE-LCH	52.573, 40.295, 138.554
CIE-LUV	52.573, -25.916, 37.434
Hunter-Lab	45.451, -23.734, 18.189
Binary	01010101, 10001010, 01001110

#558a4e
```
#558a4e rgb(85,138,78)
```
#834e8a
```
#834e8a rgb(131,78,138)
```

Complementary Color

#738a4e
```
#738a4e rgb(115,138,78)
```
#558a4e
```
#558a4e rgb(85,138,78)
```
#4e8a65
```
#4e8a65 rgb(78,138,101)
```

Analogous Color

#8a4e73
```
#8a4e73 rgb(138,78,115)
```
#558a4e
```
#558a4e rgb(85,138,78)
```
#654e8a
```
#654e8a rgb(101,78,138)
```

Split Complementary Color

#8a4e55
```
#8a4e55 rgb(138,78,85)
```
#558a4e
```
#558a4e rgb(85,138,78)
```
#4e558a
```
#4e558a rgb(78,85,138)
```

Triadic Color

#8a834e
```
#8a834e rgb(138,131,78)
```
#558a4e
```
#558a4e rgb(85,138,78)
```
#4e558a
```
#4e558a rgb(78,85,138)
```
#834e8a
```
#834e8a rgb(131,78,138)
```

Tetradic Color

#375932
```
#375932 rgb(55,89,50)
```
#41693c
```
#41693c rgb(65,105,60)
```
#4b7a45
```
#4b7a45 rgb(75,122,69)
```
#558a4e
```
#558a4e rgb(85,138,78)
```
#5f9a57
```
#5f9a57 rgb(95,154,87)
```
#6ca764
```
#6ca764 rgb(108,167,100)
```
#7bb074
```
#7bb074 rgb(123,176,116)
```

Monochromatic Color

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

#648a4e
```
#648a4e rgb(100,138,78)
```
#5f8a4e
```
#5f8a4e rgb(95,138,78)
```
#5a8a4e
```
#5a8a4e rgb(90,138,78)
```
#558a4e
```
#558a4e rgb(85,138,78)
```
#508a4e
```
#508a4e rgb(80,138,78)
```
#4e8a51
```
#4e8a51 rgb(78,138,81)
```
#4e8a56
```
#4e8a56 rgb(78,138,86)
```

Similar Colors

Text with hexadecimal color #558a4e

This text has a font color of #558a4e.

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

#558a4e background color

This paragraph has a background color of #558a4e.

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

#558a4e border color

This element has a border color of #558a4e.

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

CSS codes

.text {color:#558a4e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080d07
```
#080d07 rgb(8,13,7)
```
#10190e
```
#10190e rgb(16,25,14)
```
#172615
```
#172615 rgb(23,38,21)
```
#1f321c
```
#1f321c rgb(31,50,28)
```
#273f24
```
#273f24 rgb(39,63,36)
```
#2e4b2b
```
#2e4b2b rgb(46,75,43)
```
#365832
```
#365832 rgb(54,88,50)
```
#3e6439
```
#3e6439 rgb(62,100,57)
```
#467140
```
#467140 rgb(70,113,64)
```
#4d7d47
```
#4d7d47 rgb(77,125,71)
```
#558a4e
```
#558a4e rgb(85,138,78)
```
#5d9755
```
#5d9755 rgb(93,151,85)
```

Shade Color Variation

#64a35c
```
#64a35c rgb(100,163,92)
```
#70aa69
```
#70aa69 rgb(112,170,105)
```
#7cb175
```
#7cb175 rgb(124,177,117)
```
#88b882
```
#88b882 rgb(136,184,130)
```
#94bf8e
```
#94bf8e rgb(148,191,142)
```
#a0c69b
```
#a0c69b rgb(160,198,155)
```
#accea7
```
#accea7 rgb(172,206,167)
```
#b8d5b4
```
#b8d5b4 rgb(184,213,180)
```
#c4dcc0
```
#c4dcc0 rgb(196,220,192)
```
#d0e3cd
```
#d0e3cd rgb(208,227,205)
```
#dbeada
```
#dbeada rgb(219,234,218)
```
#e7f1e6
```
#e7f1e6 rgb(231,241,230)
```
#f3f8f3
```
#f3f8f3 rgb(243,248,243)
```

Tint Color Variation

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

#687167
```
#687167 rgb(104,113,103)
```
#62795f
```
#62795f rgb(98,121,95)
```
#5b8256
```
#5b8256 rgb(91,130,86)
```
#558a4e
```
#558a4e rgb(85,138,78)
```
#4f9246
```
#4f9246 rgb(79,146,70)
```
#489b3d
```
#489b3d rgb(72,155,61)
```
#42a335
```
#42a335 rgb(66,163,53)
```
#3cab2d
```
#3cab2d rgb(60,171,45)
```
#35b424
```
#35b424 rgb(53,180,36)
```
#2fbc1c
```
#2fbc1c rgb(47,188,28)
```
#28c414
```
#28c414 rgb(40,196,20)
```
#22cc0c
```
#22cc0c rgb(34,204,12)
```
#1cd503
```
#1cd503 rgb(28,213,3)
```

Tone Color Variation

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

#908452 Protanopia 1% of men
#9c7e5d Deuteranopia 1% of men
#6a8892 Tritanopia 0.001% of the population

Trichromacy

#7a8651 Protanomaly 1% of men, 0.01% of women
#828257 Deuteranomaly 6% of men, 0.4% of women
#628979 Tritanomaly 0.01% of the population

#558a4e hex color

#558a4e Color Information

#558a4e Color Conversion

Color Schemes with #558a4e

Alternatives to #558a4e

#558a4e Preview

Shades and Tints of #558a4e

Tones of #558a4e

Color Blindness Simulator