#558c4e hex color

In a RGB color space, hex #558c4e is composed of 33.3% red, 54.9% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 44.3% yellow and 45.1% black. It has a hue angle of 113.2 degrees, a saturation of 28.4% and a lightness of 42.7%. #558c4e color hex could be obtained by blending #aaff9c with #001900. Closest websafe color is: #669966.

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

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

The hexadecimal color #558c4e has RGB values of R:85, G:140, B:78 and CMYK values of C:0.39, M:0, Y:0.44, K:0.45. Its decimal value is 5606478.

Hex triplet	558c4e	`#558c4e`
RGB Decimal	85, 140, 78	`rgb(85,140,78)`
RGB Percent	33.3, 54.9, 30.6	`rgb(33.3%,54.9%,30.6%)`
CMYK	39, 0, 44, 45
HSL	113.2°, 28.4, 42.7	`hsl(113.2,28.4%,42.7%)`
HSV (or HSB)	113.2°, 44.3, 54.9
Web Safe	669966	`#669966`

CIE-LAB	53.208, -31.15, 27.485
XYZ	14.499, 21.237, 10.542
xyY	0.313, 0.459, 21.237
CIE-LCH	53.208, 41.543, 138.577
CIE-LUV	53.208, -26.843, 38.578
Hunter-Lab	46.083, -24.486, 18.695
Binary	01010101, 10001100, 01001110

#558c4e
```
#558c4e rgb(85,140,78)
```
#854e8c
```
#854e8c rgb(133,78,140)
```

Complementary Color

#748c4e
```
#748c4e rgb(116,140,78)
```
#558c4e
```
#558c4e rgb(85,140,78)
```
#4e8c66
```
#4e8c66 rgb(78,140,102)
```

Analogous Color

#8c4e74
```
#8c4e74 rgb(140,78,116)
```
#558c4e
```
#558c4e rgb(85,140,78)
```
#664e8c
```
#664e8c rgb(102,78,140)
```

Split Complementary Color

#8c4e55
```
#8c4e55 rgb(140,78,85)
```
#558c4e
```
#558c4e rgb(85,140,78)
```
#4e558c
```
#4e558c rgb(78,85,140)
```

Triadic Color

#8c854e
```
#8c854e rgb(140,133,78)
```
#558c4e
```
#558c4e rgb(85,140,78)
```
#4e558c
```
#4e558c rgb(78,85,140)
```
#854e8c
```
#854e8c rgb(133,78,140)
```

Tetradic Color

#375b33
```
#375b33 rgb(55,91,51)
```
#416b3c
```
#416b3c rgb(65,107,60)
```
#4b7c45
```
#4b7c45 rgb(75,124,69)
```
#558c4e
```
#558c4e rgb(85,140,78)
```
#5f9c57
```
#5f9c57 rgb(95,156,87)
```
#6ca964
```
#6ca964 rgb(108,169,100)
```
#7cb275
```
#7cb275 rgb(124,178,117)
```

Monochromatic Color

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

#658c4e
```
#658c4e rgb(101,140,78)
```
#5f8c4e
```
#5f8c4e rgb(95,140,78)
```
#5a8c4e
```
#5a8c4e rgb(90,140,78)
```
#558c4e
```
#558c4e rgb(85,140,78)
```
#508c4e
```
#508c4e rgb(80,140,78)
```
#4e8c51
```
#4e8c51 rgb(78,140,81)
```
#4e8c57
```
#4e8c57 rgb(78,140,87)
```

Similar Colors

Text with hexadecimal color #558c4e

This text has a font color of #558c4e.

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

#558c4e background color

This paragraph has a background color of #558c4e.

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

#558c4e border color

This element has a border color of #558c4e.

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

CSS codes

.text {color:#558c4e;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#090e08
```
#090e08 rgb(9,14,8)
```
#101b0f
```
#101b0f rgb(16,27,15)
```
#182716
```
#182716 rgb(24,39,22)
```
#1f341d
```
#1f341d rgb(31,52,29)
```
#274024
```
#274024 rgb(39,64,36)
```
#2f4d2b
```
#2f4d2b rgb(47,77,43)
```
#365a32
```
#365a32 rgb(54,90,50)
```
#3e6639
```
#3e6639 rgb(62,102,57)
```
#467340
```
#467340 rgb(70,115,64)
```
#4d7f47
```
#4d7f47 rgb(77,127,71)
```
#558c4e
```
#558c4e rgb(85,140,78)
```
#5d9955
```
#5d9955 rgb(93,153,85)
```

Shade Color Variation

#65a55d
```
#65a55d rgb(101,165,93)
```
#71ac69
```
#71ac69 rgb(113,172,105)
```
#7db376
```
#7db376 rgb(125,179,118)
```
#89ba82
```
#89ba82 rgb(137,186,130)
```
#95c18f
```
#95c18f rgb(149,193,143)
```
#a1c89c
```
#a1c89c rgb(161,200,156)
```
#adcfa8
```
#adcfa8 rgb(173,207,168)
```
#b9d6b5
```
#b9d6b5 rgb(185,214,181)
```
#c5ddc1
```
#c5ddc1 rgb(197,221,193)
```
#d0e4ce
```
#d0e4ce rgb(208,228,206)
```
#dcebdb
```
#dcebdb rgb(220,235,219)
```
#e8f2e7
```
#e8f2e7 rgb(232,242,231)
```
#f4f9f4
```
#f4f9f4 rgb(244,249,244)
```

Tint Color Variation

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

#687367
```
#687367 rgb(104,115,103)
```
#627b5f
```
#627b5f rgb(98,123,95)
```
#5b8456
```
#5b8456 rgb(91,132,86)
```
#558c4e
```
#558c4e rgb(85,140,78)
```
#4f9446
```
#4f9446 rgb(79,148,70)
```
#489d3d
```
#489d3d rgb(72,157,61)
```
#42a535
```
#42a535 rgb(66,165,53)
```
#3bae2c
```
#3bae2c rgb(59,174,44)
```
#35b624
```
#35b624 rgb(53,182,36)
```
#2ebe1c
```
#2ebe1c rgb(46,190,28)
```
#28c713
```
#28c713 rgb(40,199,19)
```
#21cf0b
```
#21cf0b rgb(33,207,11)
```
#1bd703
```
#1bd703 rgb(27,215,3)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6e796c Atypical Achromatopsia 0.001% of the population

Dichromacy

#918552 Protanopia 1% of men
#9e805d Deuteranopia 1% of men
#6b8a94 Tritanopia 0.001% of the population

Trichromacy

#7b8851 Protanomaly 1% of men, 0.01% of women
#848457 Deuteranomaly 6% of men, 0.4% of women
#638b7b Tritanomaly 0.01% of the population

#558c4e hex color

#558c4e Color Information

#558c4e Color Conversion

Color Schemes with #558c4e

Alternatives to #558c4e

#558c4e Preview

Shades and Tints of #558c4e

Tones of #558c4e

Color Blindness Simulator