#558864 hex color

In a RGB color space, hex #558864 is composed of 33.3% red, 53.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 0% magenta, 26.5% yellow and 46.7% black. It has a hue angle of 137.6 degrees, a saturation of 23.1% and a lightness of 43.3%. #558864 color hex could be obtained by blending #aaffc8 with #001100. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 53
- B 39
RGB color chart
- C 38
- M 0
- Y 26
- K 47
CMYK color chart

● #558864 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #558864 has RGB values of R:85, G:136, B:100 and CMYK values of C:0.38, M:0, Y:0.26, K:0.47. Its decimal value is 5605476.

Hex triplet	558864	`#558864`
RGB Decimal	85, 136, 100	`rgb(85,136,100)`
RGB Percent	33.3, 53.3, 39.2	`rgb(33.3%,53.3%,39.2%)`
CMYK	38, 0, 26, 47
HSL	137.6°, 23.1, 43.3	`hsl(137.6,23.1%,43.3%)`
HSV (or HSB)	137.6°, 37.5, 53.3
Web Safe	669966	`#669966`

CIE-LAB	52.352, -25.324, 14.047
XYZ	14.85, 20.459, 15.222
xyY	0.294, 0.405, 20.459
CIE-LCH	52.352, 28.959, 150.983
CIE-LUV	52.352, -24.613, 22.346
Hunter-Lab	45.232, -20.552, 11.708
Binary	01010101, 10001000, 01100100

#558864
```
#558864 rgb(85,136,100)
```
#885579
```
#885579 rgb(136,85,121)
```

Complementary Color

#608855
```
#608855 rgb(96,136,85)
```
#558864
```
#558864 rgb(85,136,100)
```
#55887e
```
#55887e rgb(85,136,126)
```

Analogous Color

#885560
```
#885560 rgb(136,85,96)
```
#558864
```
#558864 rgb(85,136,100)
```
#7e5588
```
#7e5588 rgb(126,85,136)
```

Split Complementary Color

#886455
```
#886455 rgb(136,100,85)
```
#558864
```
#558864 rgb(85,136,100)
```
#645588
```
#645588 rgb(100,85,136)
```

Triadic Color

#798855
```
#798855 rgb(121,136,85)
```
#558864
```
#558864 rgb(85,136,100)
```
#645588
```
#645588 rgb(100,85,136)
```
#885579
```
#885579 rgb(136,85,121)
```

Tetradic Color

#385941
```
#385941 rgb(56,89,65)
```
#41694d
```
#41694d rgb(65,105,77)
```
#4b7858
```
#4b7858 rgb(75,120,88)
```
#558864
```
#558864 rgb(85,136,100)
```
#5f9870
```
#5f9870 rgb(95,152,112)
```
#6da37d
```
#6da37d rgb(109,163,125)
```
#7cad8b
```
#7cad8b rgb(124,173,139)
```

Monochromatic Color

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

#558857
```
#558857 rgb(85,136,87)
```
#55885c
```
#55885c rgb(85,136,92)
```
#558860
```
#558860 rgb(85,136,96)
```
#558864
```
#558864 rgb(85,136,100)
```
#558868
```
#558868 rgb(85,136,104)
```
#55886d
```
#55886d rgb(85,136,109)
```
#558871
```
#558871 rgb(85,136,113)
```

Similar Colors

Text with hexadecimal color #558864

This text has a font color of #558864.

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

#558864 background color

This paragraph has a background color of #558864.

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

#558864 border color

This element has a border color of #558864.

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

CSS codes

.text {color:#558864;}

.background {background-color:#558864;}

.border {border:1px solid #558864;}

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

#020302
```
#020302 rgb(2,3,2)
```
#0a0f0b
```
#0a0f0b rgb(10,15,11)
```
#111b14
```
#111b14 rgb(17,27,20)
```
#19271d
```
#19271d rgb(25,39,29)
```
#203426
```
#203426 rgb(32,52,38)
```
#28402f
```
#28402f rgb(40,64,47)
```
#2f4c38
```
#2f4c38 rgb(47,76,56)
```
#375840
```
#375840 rgb(55,88,64)
```
#3e6449
```
#3e6449 rgb(62,100,73)
```
#467052
```
#467052 rgb(70,112,82)
```
#4d7c5b
```
#4d7c5b rgb(77,124,91)
```
#558864
```
#558864 rgb(85,136,100)
```
#5d946d
```
#5d946d rgb(93,148,109)
```

Shade Color Variation

#659f76
```
#659f76 rgb(101,159,118)
```
#71a681
```
#71a681 rgb(113,166,129)
```
#7dae8c
```
#7dae8c rgb(125,174,140)
```
#8ab696
```
#8ab696 rgb(138,182,150)
```
#96bda1
```
#96bda1 rgb(150,189,161)
```
#a2c5ac
```
#a2c5ac rgb(162,197,172)
```
#aeccb7
```
#aeccb7 rgb(174,204,183)
```
#bad4c1
```
#bad4c1 rgb(186,212,193)
```
#c6dbcc
```
#c6dbcc rgb(198,219,204)
```
#d2e3d7
```
#d2e3d7 rgb(210,227,215)
```
#deeae2
```
#deeae2 rgb(222,234,226)
```
#eaf2ec
```
#eaf2ec rgb(234,242,236)
```
#f6f9f7
```
#f6f9f7 rgb(246,249,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #66776b is the less saturated color, while #00dd41 is the most saturated one.

#66776b
```
#66776b rgb(102,119,107)
```
#5e8068
```
#5e8068 rgb(94,128,104)
```
#558864
```
#558864 rgb(85,136,100)
```
#4d9161
```
#4d9161 rgb(77,145,97)
```
#44995d
```
#44995d rgb(68,153,93)
```
#3ca25a
```
#3ca25a rgb(60,162,90)
```
#33aa56
```
#33aa56 rgb(51,170,86)
```
#2bb352
```
#2bb352 rgb(43,179,82)
```
#22bb4f
```
#22bb4f rgb(34,187,79)
```
#1ac44b
```
#1ac44b rgb(26,196,75)
```
#11cc48
```
#11cc48 rgb(17,204,72)
```
#09d544
```
#09d544 rgb(9,213,68)
```
#00dd41
```
#00dd41 rgb(0,221,65)
```

Tone Color Variation

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

Dichromacy

#8c8367 Protanopia 1% of men
#967f71 Deuteranopia 1% of men
#678892 Tritanopia 0.001% of the population

Trichromacy

#788566 Protanomaly 1% of men, 0.01% of women
#7e826c Deuteranomaly 6% of men, 0.4% of women
#608881 Tritanomaly 0.01% of the population

#558864 hex color

#558864 Color Information

#558864 Color Conversion

Color Schemes with #558864

Alternatives to #558864

#558864 Preview

Shades and Tints of #558864

Tones of #558864

Color Blindness Simulator