colorhexa.com

#558f52 hex color

In a RGB color space, hex #558f52 is composed of 33.3% red, 56.1% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 0% magenta, 42.7% yellow and 43.9% black. It has a hue angle of 117 degrees, a saturation of 27.1% and a lightness of 44.1%. #558f52 color hex could be obtained by blending #aaffa4 with #001f00. Closest websafe color is: #669966.

- R 33
- G 56
- B 32
RGB color chart
- C 41
- M 0
- Y 43
- K 44
CMYK color chart

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

The hexadecimal color #558f52 has RGB values of R:85, G:143, B:82 and CMYK values of C:0.41, M:0, Y:0.43, K:0.44. Its decimal value is 5607250.

Hex triplet	558f52	`#558f52`
RGB Decimal	85, 143, 82	`rgb(85,143,82)`
RGB Percent	33.3, 56.1, 32.2	`rgb(33.3%,56.1%,32.2%)`
CMYK	41, 0, 43, 44
HSL	117°, 27.1, 44.1	`hsl(117,27.1%,44.1%)`
HSV (or HSB)	117°, 42.7, 56.1
Web Safe	669966	`#669966`

CIE-LAB	54.222, -31.935, 26.619
XYZ	15.091, 22.185, 11.469
xyY	0.31, 0.455, 22.185
CIE-LCH	54.222, 41.575, 140.188
CIE-LUV	54.222, -28.145, 38.044
Hunter-Lab	47.101, -25.234, 18.533
Binary	01010101, 10001111, 01010010

#558f52
```
#558f52 rgb(85,143,82)
```
#8c528f
```
#8c528f rgb(140,82,143)
```

Complementary Color

#748f52
```
#748f52 rgb(116,143,82)
```
#558f52
```
#558f52 rgb(85,143,82)
```
#528f6e
```
#528f6e rgb(82,143,110)
```

Analogous Color

#8f5274
```
#8f5274 rgb(143,82,116)
```
#558f52
```
#558f52 rgb(85,143,82)
```
#6e528f
```
#6e528f rgb(110,82,143)
```

Split Complementary Color

#8f5255
```
#8f5255 rgb(143,82,85)
```
#558f52
```
#558f52 rgb(85,143,82)
```
#52558f
```
#52558f rgb(82,85,143)
```

Triadic Color

#8f8c52
```
#8f8c52 rgb(143,140,82)
```
#558f52
```
#558f52 rgb(85,143,82)
```
#52558f
```
#52558f rgb(82,85,143)
```
#8c528f
```
#8c528f rgb(140,82,143)
```

Tetradic Color

#385e36
```
#385e36 rgb(56,94,54)
```
#426f3f
```
#426f3f rgb(66,111,63)
```
#4b7f49
```
#4b7f49 rgb(75,127,73)
```
#558f52
```
#558f52 rgb(85,143,82)
```
#5f9f5b
```
#5f9f5b rgb(95,159,91)
```
#6daa6a
```
#6daa6a rgb(109,170,106)
```
#7db37a
```
#7db37a rgb(125,179,122)
```

Monochromatic Color

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

#648f52
```
#648f52 rgb(100,143,82)
```
#5f8f52
```
#5f8f52 rgb(95,143,82)
```
#5a8f52
```
#5a8f52 rgb(90,143,82)
```
#558f52
```
#558f52 rgb(85,143,82)
```
#528f54
```
#528f54 rgb(82,143,84)
```
#528f59
```
#528f59 rgb(82,143,89)
```
#528f5e
```
#528f5e rgb(82,143,94)
```

Similar Colors

Text with hexadecimal color #558f52

This text has a font color of #558f52.

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

#558f52 background color

This paragraph has a background color of #558f52.

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

#558f52 border color

This element has a border color of #558f52.

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

CSS codes

.text {color:#558f52;}

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

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

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

#030603
```
#030603 rgb(3,6,3)
```
#0b120b
```
#0b120b rgb(11,18,11)
```
#121f12
```
#121f12 rgb(18,31,18)
```
#1a2b19
```
#1a2b19 rgb(26,43,25)
```
#213820
```
#213820 rgb(33,56,32)
```
#294427
```
#294427 rgb(41,68,39)
```
#30512e
```
#30512e rgb(48,81,46)
```
#375d35
```
#375d35 rgb(55,93,53)
```
#3f6a3d
```
#3f6a3d rgb(63,106,61)
```
#467644
```
#467644 rgb(70,118,68)
```
#4e834b
```
#4e834b rgb(78,131,75)
```
#558f52
```
#558f52 rgb(85,143,82)
```
#5c9b59
```
#5c9b59 rgb(92,155,89)
```

Shade Color Variation

#66a563
```
#66a563 rgb(102,165,99)
```
#72ad6f
```
#72ad6f rgb(114,173,111)
```
#7eb47c
```
#7eb47c rgb(126,180,124)
```
#8bbb88
```
#8bbb88 rgb(139,187,136)
```
#97c295
```
#97c295 rgb(151,194,149)
```
#a3c9a1
```
#a3c9a1 rgb(163,201,161)
```
#afd0ae
```
#afd0ae rgb(175,208,174)
```
#bcd7ba
```
#bcd7ba rgb(188,215,186)
```
#c8dfc7
```
#c8dfc7 rgb(200,223,199)
```
#d4e6d3
```
#d4e6d3 rgb(212,230,211)
```
#e0eddf
```
#e0eddf rgb(224,237,223)
```
#ecf4ec
```
#ecf4ec rgb(236,244,236)
```
#f9fbf8
```
#f9fbf8 rgb(249,251,248)
```

Tint Color Variation

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

#6c756c
```
#6c756c rgb(108,117,108)
```
#657e63
```
#657e63 rgb(101,126,99)
```
#5d865b
```
#5d865b rgb(93,134,91)
```
#558f52
```
#558f52 rgb(85,143,82)
```
#4d9849
```
#4d9849 rgb(77,152,73)
```
#45a041
```
#45a041 rgb(69,160,65)
```
#3ea938
```
#3ea938 rgb(62,169,56)
```
#36b22f
```
#36b22f rgb(54,178,47)
```
#2eba27
```
#2eba27 rgb(46,186,39)
```
#26c31e
```
#26c31e rgb(38,195,30)
```
#1ecc15
```
#1ecc15 rgb(30,204,21)
```
#17d40d
```
#17d40d rgb(23,212,13)
```
#0fdd04
```
#0fdd04 rgb(15,221,4)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#707c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948856 Protanopia 1% of men
#a18261 Deuteranopia 1% of men
#6b8d97 Tritanopia 0.001% of the population

Trichromacy

#7d8a54 Protanomaly 1% of men, 0.01% of women
#85875b Deuteranomaly 6% of men, 0.4% of women
#638e7e Tritanomaly 0.01% of the population