#558c46 hex color

In a RGB color space, hex #558c46 is composed of 33.3% red, 54.9% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 0% magenta, 50% yellow and 45.1% black. It has a hue angle of 107.1 degrees, a saturation of 33.3% and a lightness of 41.2%. #558c46 color hex could be obtained by blending #aaff8c with #001900. Closest websafe color is: #669933.

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

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

The hexadecimal color #558c46 has RGB values of R:85, G:140, B:70 and CMYK values of C:0.39, M:0, Y:0.5, K:0.45. Its decimal value is 5606470.

Hex triplet	558c46	`#558c46`
RGB Decimal	85, 140, 70	`rgb(85,140,70)`
RGB Percent	33.3, 54.9, 27.5	`rgb(33.3%,54.9%,27.5%)`
CMYK	39, 0, 50, 45
HSL	107.1°, 33.3, 41.2	`hsl(107.1,33.3%,41.2%)`
HSV (or HSB)	107.1°, 50, 54.9
Web Safe	669933	`#669933`

CIE-LAB	53.09, -32.311, 31.606
XYZ	14.229, 21.129, 9.123
xyY	0.32, 0.475, 21.129
CIE-LCH	53.09, 45.199, 135.632
CIE-LUV	53.09, -26.978, 42.826
Hunter-Lab	45.966, -25.184, 20.41
Binary	01010101, 10001100, 01000110

#558c46
```
#558c46 rgb(85,140,70)
```
#7d468c
```
#7d468c rgb(125,70,140)
```

Complementary Color

#788c46
```
#788c46 rgb(120,140,70)
```
#558c46
```
#558c46 rgb(85,140,70)
```
#468c5a
```
#468c5a rgb(70,140,90)
```

Analogous Color

#8c4678
```
#8c4678 rgb(140,70,120)
```
#558c46
```
#558c46 rgb(85,140,70)
```
#5a468c
```
#5a468c rgb(90,70,140)
```

Split Complementary Color

#8c4655
```
#8c4655 rgb(140,70,85)
```
#558c46
```
#558c46 rgb(85,140,70)
```
#46558c
```
#46558c rgb(70,85,140)
```

Triadic Color

#8c7d46
```
#8c7d46 rgb(140,125,70)
```
#558c46
```
#558c46 rgb(85,140,70)
```
#46558c
```
#46558c rgb(70,85,140)
```
#7d468c
```
#7d468c rgb(125,70,140)
```

Tetradic Color

#36592d
```
#36592d rgb(54,89,45)
```
#406a35
```
#406a35 rgb(64,106,53)
```
#4b7b3e
```
#4b7b3e rgb(75,123,62)
```
#558c46
```
#558c46 rgb(85,140,70)
```
#5f9d4f
```
#5f9d4f rgb(95,157,79)
```
#6bac59
```
#6bac59 rgb(107,172,89)
```
#7ab56a
```
#7ab56a rgb(122,181,106)
```

Monochromatic Color

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

#678c46
```
#678c46 rgb(103,140,70)
```
#618c46
```
#618c46 rgb(97,140,70)
```
#5b8c46
```
#5b8c46 rgb(91,140,70)
```
#558c46
```
#558c46 rgb(85,140,70)
```
#4f8c46
```
#4f8c46 rgb(79,140,70)
```
#498c46
```
#498c46 rgb(73,140,70)
```
#468c49
```
#468c49 rgb(70,140,73)
```

Similar Colors

Text with hexadecimal color #558c46

This text has a font color of #558c46.

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

#558c46 background color

This paragraph has a background color of #558c46.

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

#558c46 border color

This element has a border color of #558c46.

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

CSS codes

.text {color:#558c46;}

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

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

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

#060905
```
#060905 rgb(6,9,5)
```
#0e160b
```
#0e160b rgb(14,22,11)
```
#152312
```
#152312 rgb(21,35,18)
```
#1d3018
```
#1d3018 rgb(29,48,24)
```
#253e1f
```
#253e1f rgb(37,62,31)
```
#2d4b25
```
#2d4b25 rgb(45,75,37)
```
#35582c
```
#35582c rgb(53,88,44)
```
#3d6532
```
#3d6532 rgb(61,101,50)
```
#457239
```
#457239 rgb(69,114,57)
```
#4d7f3f
```
#4d7f3f rgb(77,127,63)
```
#558c46
```
#558c46 rgb(85,140,70)
```
#5d994d
```
#5d994d rgb(93,153,77)
```
#65a653
```
#65a653 rgb(101,166,83)
```

Shade Color Variation

#6faf5e
```
#6faf5e rgb(111,175,94)
```
#7bb56b
```
#7bb56b rgb(123,181,107)
```
#87bc78
```
#87bc78 rgb(135,188,120)
```
#92c285
```
#92c285 rgb(146,194,133)
```
#9ec993
```
#9ec993 rgb(158,201,147)
```
#aacfa0
```
#aacfa0 rgb(170,207,160)
```
#b6d6ad
```
#b6d6ad rgb(182,214,173)
```
#c1dcba
```
#c1dcba rgb(193,220,186)
```
#cde3c7
```
#cde3c7 rgb(205,227,199)
```
#d9e9d4
```
#d9e9d4 rgb(217,233,212)
```
#e4f0e1
```
#e4f0e1 rgb(228,240,225)
```
#f0f7ee
```
#f0f7ee rgb(240,247,238)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676c66 is the less saturated color, while #30cd05 is the most saturated one.

#676c66
```
#676c66 rgb(103,108,102)
```
#63745e
```
#63745e rgb(99,116,94)
```
#5e7c56
```
#5e7c56 rgb(94,124,86)
```
#5a844e
```
#5a844e rgb(90,132,78)
```
#558c46
```
#558c46 rgb(85,140,70)
```
#50943e
```
#50943e rgb(80,148,62)
```
#4c9c36
```
#4c9c36 rgb(76,156,54)
```
#47a42e
```
#47a42e rgb(71,164,46)
```
#43ac26
```
#43ac26 rgb(67,172,38)
```
#3eb41e
```
#3eb41e rgb(62,180,30)
```
#39bc16
```
#39bc16 rgb(57,188,22)
```
#35c50d
```
#35c50d rgb(53,197,13)
```
#30cd05
```
#30cd05 rgb(48,205,5)
```

Tone Color Variation

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

Dichromacy

#92854b Protanopia 1% of men
#a07f55 Deuteranopia 1% of men
#6c8a94 Tritanopia 0.001% of the population

Trichromacy

#7c8749 Protanomaly 1% of men, 0.01% of women
#848450 Deuteranomaly 6% of men, 0.4% of women
#638a77 Tritanomaly 0.01% of the population

#558c46 hex color

#558c46 Color Information

#558c46 Color Conversion

Color Schemes with #558c46

Alternatives to #558c46

#558c46 Preview

Shades and Tints of #558c46

Tones of #558c46

Color Blindness Simulator