#558d4e hex color

In a RGB color space, hex #558d4e is composed of 33.3% red, 55.3% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 0% magenta, 44.7% yellow and 44.7% black. It has a hue angle of 113.3 degrees, a saturation of 28.8% and a lightness of 42.9%. #558d4e color hex could be obtained by blending #aaff9c with #001b00. Closest websafe color is: #669966.

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

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

The hexadecimal color #558d4e has RGB values of R:85, G:141, B:78 and CMYK values of C:0.4, M:0, Y:0.45, K:0.45. Its decimal value is 5606734.

Hex triplet	558d4e	`#558d4e`
RGB Decimal	85, 141, 78	`rgb(85,141,78)`
RGB Percent	33.3, 55.3, 30.6	`rgb(33.3%,55.3%,30.6%)`
CMYK	40, 0, 45, 45
HSL	113.3°, 28.8, 42.9	`hsl(113.3,28.8%,42.9%)`
HSV (or HSB)	113.3°, 44.7, 55.3
Web Safe	669966	`#669966`

CIE-LAB	53.525, -31.62, 27.891
XYZ	14.646, 21.53, 10.591
xyY	0.313, 0.46, 21.53
CIE-LCH	53.525, 42.163, 138.586
CIE-LUV	53.525, -27.304, 39.148
Hunter-Lab	46.401, -24.861, 18.947
Binary	01010101, 10001101, 01001110

#558d4e
```
#558d4e rgb(85,141,78)
```
#864e8d
```
#864e8d rgb(134,78,141)
```

Complementary Color

#758d4e
```
#758d4e rgb(117,141,78)
```
#558d4e
```
#558d4e rgb(85,141,78)
```
#4e8d67
```
#4e8d67 rgb(78,141,103)
```

Analogous Color

#8d4e75
```
#8d4e75 rgb(141,78,117)
```
#558d4e
```
#558d4e rgb(85,141,78)
```
#674e8d
```
#674e8d rgb(103,78,141)
```

Split Complementary Color

#8d4e55
```
#8d4e55 rgb(141,78,85)
```
#558d4e
```
#558d4e rgb(85,141,78)
```
#4e558d
```
#4e558d rgb(78,85,141)
```

Triadic Color

#8d864e
```
#8d864e rgb(141,134,78)
```
#558d4e
```
#558d4e rgb(85,141,78)
```
#4e558d
```
#4e558d rgb(78,85,141)
```
#864e8d
```
#864e8d rgb(134,78,141)
```

Tetradic Color

#375c33
```
#375c33 rgb(55,92,51)
```
#416c3c
```
#416c3c rgb(65,108,60)
```
#4b7d45
```
#4b7d45 rgb(75,125,69)
```
#558d4e
```
#558d4e rgb(85,141,78)
```
#5f9d57
```
#5f9d57 rgb(95,157,87)
```
#6caa64
```
#6caa64 rgb(108,170,100)
```
#7cb375
```
#7cb375 rgb(124,179,117)
```

Monochromatic Color

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

#658d4e
```
#658d4e rgb(101,141,78)
```
#608d4e
```
#608d4e rgb(96,141,78)
```
#5a8d4e
```
#5a8d4e rgb(90,141,78)
```
#558d4e
```
#558d4e rgb(85,141,78)
```
#508d4e
```
#508d4e rgb(80,141,78)
```
#4e8d52
```
#4e8d52 rgb(78,141,82)
```
#4e8d57
```
#4e8d57 rgb(78,141,87)
```

Similar Colors

Text with hexadecimal color #558d4e

This text has a font color of #558d4e.

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

#558d4e background color

This paragraph has a background color of #558d4e.

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

#558d4e border color

This element has a border color of #558d4e.

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

CSS codes

.text {color:#558d4e;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#090f08
```
#090f08 rgb(9,15,8)
```
#101b0f
```
#101b0f rgb(16,27,15)
```
#182816
```
#182816 rgb(24,40,22)
```
#20351d
```
#20351d rgb(32,53,29)
```
#274124
```
#274124 rgb(39,65,36)
```
#2f4e2b
```
#2f4e2b rgb(47,78,43)
```
#375a32
```
#375a32 rgb(55,90,50)
```
#3e6739
```
#3e6739 rgb(62,103,57)
```
#467440
```
#467440 rgb(70,116,64)
```
#4d8047
```
#4d8047 rgb(77,128,71)
```
#558d4e
```
#558d4e rgb(85,141,78)
```
#5d9a55
```
#5d9a55 rgb(93,154,85)
```

Shade Color Variation

#65a55d
```
#65a55d rgb(101,165,93)
```
#71ac6a
```
#71ac6a rgb(113,172,106)
```
#7db376
```
#7db376 rgb(125,179,118)
```
#89ba83
```
#89ba83 rgb(137,186,131)
```
#95c18f
```
#95c18f rgb(149,193,143)
```
#a1c89c
```
#a1c89c rgb(161,200,156)
```
#adcfa9
```
#adcfa9 rgb(173,207,169)
```
#b9d6b5
```
#b9d6b5 rgb(185,214,181)
```
#c5ddc2
```
#c5ddc2 rgb(197,221,194)
```
#d1e4cf
```
#d1e4cf rgb(209,228,207)
```
#ddebdb
```
#ddebdb rgb(221,235,219)
```
#e9f2e8
```
#e9f2e8 rgb(233,242,232)
```
#f5f9f4
```
#f5f9f4 rgb(245,249,244)
```

Tint Color Variation

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

#697467
```
#697467 rgb(105,116,103)
```
#627c5f
```
#627c5f rgb(98,124,95)
```
#5c8556
```
#5c8556 rgb(92,133,86)
```
#558d4e
```
#558d4e rgb(85,141,78)
```
#4e9546
```
#4e9546 rgb(78,149,70)
```
#489e3d
```
#489e3d rgb(72,158,61)
```
#41a635
```
#41a635 rgb(65,166,53)
```
#3baf2c
```
#3baf2c rgb(59,175,44)
```
#34b724
```
#34b724 rgb(52,183,36)
```
#2ec01b
```
#2ec01b rgb(46,192,27)
```
#27c813
```
#27c813 rgb(39,200,19)
```
#21d00b
```
#21d00b rgb(33,208,11)
```
#1ad902
```
#1ad902 rgb(26,217,2)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6f7a6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#928652 Protanopia 1% of men
#9f815d Deuteranopia 1% of men
#6b8b95 Tritanopia 0.001% of the population

Trichromacy

#7c8851 Protanomaly 1% of men, 0.01% of women
#848557 Deuteranomaly 6% of men, 0.4% of women
#638c7b Tritanomaly 0.01% of the population

#558d4e hex color

#558d4e Color Information

#558d4e Color Conversion

Color Schemes with #558d4e

Alternatives to #558d4e

#558d4e Preview

Shades and Tints of #558d4e

Tones of #558d4e

Color Blindness Simulator