#558a5c hex color

In a RGB color space, hex #558a5c is composed of 33.3% red, 54.1% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 33.3% yellow and 45.9% black. It has a hue angle of 127.9 degrees, a saturation of 23.8% and a lightness of 43.7%. #558a5c color hex could be obtained by blending #aaffb8 with #001500. Closest websafe color is: #669966.

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

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

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

Hex triplet	558a5c	`#558a5c`
RGB Decimal	85, 138, 92	`rgb(85,138,92)`
RGB Percent	33.3, 54.1, 36.1	`rgb(33.3%,54.1%,36.1%)`
CMYK	38, 0, 33, 46
HSL	127.9°, 23.8, 43.7	`hsl(127.9,23.8%,43.7%)`
HSV (or HSB)	127.9°, 38.4, 54.1
Web Safe	669966	`#669966`

CIE-LAB	52.818, -27.842, 19.227
XYZ	14.766, 20.88, 13.377
xyY	0.301, 0.426, 20.88
CIE-LCH	52.818, 33.836, 145.372
CIE-LUV	52.818, -25.67, 28.964
Hunter-Lab	45.695, -22.286, 14.63
Binary	01010101, 10001010, 01011100

#558a5c
```
#558a5c rgb(85,138,92)
```
#8a5583
```
#8a5583 rgb(138,85,131)
```

Complementary Color

#698a55
```
#698a55 rgb(105,138,85)
```
#558a5c
```
#558a5c rgb(85,138,92)
```
#558a77
```
#558a77 rgb(85,138,119)
```

Analogous Color

#8a5569
```
#8a5569 rgb(138,85,105)
```
#558a5c
```
#558a5c rgb(85,138,92)
```
#77558a
```
#77558a rgb(119,85,138)
```

Split Complementary Color

#8a5c55
```
#8a5c55 rgb(138,92,85)
```
#558a5c
```
#558a5c rgb(85,138,92)
```
#5c558a
```
#5c558a rgb(92,85,138)
```

Triadic Color

#838a55
```
#838a55 rgb(131,138,85)
```
#558a5c
```
#558a5c rgb(85,138,92)
```
#5c558a
```
#5c558a rgb(92,85,138)
```
#8a5583
```
#8a5583 rgb(138,85,131)
```

Tetradic Color

#385b3c
```
#385b3c rgb(56,91,60)
```
#426a47
```
#426a47 rgb(66,106,71)
```
#4b7a51
```
#4b7a51 rgb(75,122,81)
```
#558a5c
```
#558a5c rgb(85,138,92)
```
#5f9a67
```
#5f9a67 rgb(95,154,103)
```
#6da574
```
#6da574 rgb(109,165,116)
```
#7daf83
```
#7daf83 rgb(125,175,131)
```

Monochromatic Color

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

#5b8a55
```
#5b8a55 rgb(91,138,85)
```
#578a55
```
#578a55 rgb(87,138,85)
```
#558a58
```
#558a58 rgb(85,138,88)
```
#558a5c
```
#558a5c rgb(85,138,92)
```
#558a60
```
#558a60 rgb(85,138,96)
```
#558a65
```
#558a65 rgb(85,138,101)
```
#558a69
```
#558a69 rgb(85,138,105)
```

Similar Colors

Text with hexadecimal color #558a5c

This text has a font color of #558a5c.

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

#558a5c background color

This paragraph has a background color of #558a5c.

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

#558a5c border color

This element has a border color of #558a5c.

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

CSS codes

.text {color:#558a5c;}

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

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

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

#030403
```
#030403 rgb(3,4,3)
```
#0a110b
```
#0a110b rgb(10,17,11)
```
#121d13
```
#121d13 rgb(18,29,19)
```
#19291b
```
#19291b rgb(25,41,27)
```
#213523
```
#213523 rgb(33,53,35)
```
#28412b
```
#28412b rgb(40,65,43)
```
#304d34
```
#304d34 rgb(48,77,52)
```
#37593c
```
#37593c rgb(55,89,60)
```
#3f6644
```
#3f6644 rgb(63,102,68)
```
#46724c
```
#46724c rgb(70,114,76)
```
#4e7e54
```
#4e7e54 rgb(78,126,84)
```
#558a5c
```
#558a5c rgb(85,138,92)
```
#5c9664
```
#5c9664 rgb(92,150,100)
```

Shade Color Variation

#66a16d
```
#66a16d rgb(102,161,109)
```
#72a879
```
#72a879 rgb(114,168,121)
```
#7eb084
```
#7eb084 rgb(126,176,132)
```
#8ab790
```
#8ab790 rgb(138,183,144)
```
#96be9c
```
#96be9c rgb(150,190,156)
```
#a2c6a7
```
#a2c6a7 rgb(162,198,167)
```
#afcdb3
```
#afcdb3 rgb(175,205,179)
```
#bbd5be
```
#bbd5be rgb(187,213,190)
```
#c7dcca
```
#c7dcca rgb(199,220,202)
```
#d3e4d5
```
#d3e4d5 rgb(211,228,213)
```
#dfebe1
```
#dfebe1 rgb(223,235,225)
```
#ebf3ec
```
#ebf3ec rgb(235,243,236)
```
#f7faf8
```
#f7faf8 rgb(247,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f706f is the less saturated color, while #08d723 is the most saturated one.

#6f706f
```
#6f706f rgb(111,112,111)
```
#667969
```
#667969 rgb(102,121,105)
```
#5e8162
```
#5e8162 rgb(94,129,98)
```
#558a5c
```
#558a5c rgb(85,138,92)
```
#4c9356
```
#4c9356 rgb(76,147,86)
```
#449b4f
```
#449b4f rgb(68,155,79)
```
#3ba449
```
#3ba449 rgb(59,164,73)
```
#33ac43
```
#33ac43 rgb(51,172,67)
```
#2ab53c
```
#2ab53c rgb(42,181,60)
```
#22bd36
```
#22bd36 rgb(34,189,54)
```
#19c630
```
#19c630 rgb(25,198,48)
```
#10cf2a
```
#10cf2a rgb(16,207,42)
```
#08d723
```
#08d723 rgb(8,215,35)
```

Tone Color Variation

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

Dichromacy

#8e845f Protanopia 1% of men
#9a7f69 Deuteranopia 1% of men
#698993 Tritanopia 0.001% of the population

Trichromacy

#79865e Protanomaly 1% of men, 0.01% of women
#818364 Deuteranomaly 6% of men, 0.4% of women
#61897f Tritanomaly 0.01% of the population

#558a5c hex color

#558a5c Color Information

#558a5c Color Conversion

Color Schemes with #558a5c

Alternatives to #558a5c

#558a5c Preview

Shades and Tints of #558a5c

Tones of #558a5c

Color Blindness Simulator