#558e77 hex color

In a RGB color space, hex #558e77 is composed of 33.3% red, 55.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 0% magenta, 16.2% yellow and 44.3% black. It has a hue angle of 155.8 degrees, a saturation of 25.1% and a lightness of 44.5%. #558e77 color hex could be obtained by blending #aaffee with #001d00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 56
- B 47
RGB color chart
- C 40
- M 0
- Y 16
- K 44
CMYK color chart

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

The hexadecimal color #558e77 has RGB values of R:85, G:142, B:119 and CMYK values of C:0.4, M:0, Y:0.16, K:0.44. Its decimal value is 5607031.

Hex triplet	558e77	`#558e77`
RGB Decimal	85, 142, 119	`rgb(85,142,119)`
RGB Percent	33.3, 55.7, 46.7	`rgb(33.3%,55.7%,46.7%)`
CMYK	40, 0, 16, 44
HSL	155.8°, 25.1, 44.5	`hsl(155.8,25.1%,44.5%)`
HSV (or HSB)	155.8°, 40.1, 55.7
Web Safe	669966	`#669966`

CIE-LAB	54.667, -24.283, 6.408
XYZ	16.748, 22.608, 20.933
xyY	0.278, 0.375, 22.608
CIE-LCH	54.667, 25.114, 165.217
CIE-LUV	54.667, -26.883, 12.553
Hunter-Lab	47.548, -20.336, 7.181
Binary	01010101, 10001110, 01110111

#558e77
```
#558e77 rgb(85,142,119)
```
#8e556c
```
#8e556c rgb(142,85,108)
```

Complementary Color

#558e5b
```
#558e5b rgb(85,142,91)
```
#558e77
```
#558e77 rgb(85,142,119)
```
#55898e
```
#55898e rgb(85,137,142)
```

Analogous Color

#8e5b55
```
#8e5b55 rgb(142,91,85)
```
#558e77
```
#558e77 rgb(85,142,119)
```
#8e5589
```
#8e5589 rgb(142,85,137)
```

Split Complementary Color

#8e7755
```
#8e7755 rgb(142,119,85)
```
#558e77
```
#558e77 rgb(85,142,119)
```
#77558e
```
#77558e rgb(119,85,142)
```

Triadic Color

#6c8e55
```
#6c8e55 rgb(108,142,85)
```
#558e77
```
#558e77 rgb(85,142,119)
```
#77558e
```
#77558e rgb(119,85,142)
```
#8e556c
```
#8e556c rgb(142,85,108)
```

Tetradic Color

#385e4f
```
#385e4f rgb(56,94,79)
```
#426e5c
```
#426e5c rgb(66,110,92)
```
#4b7e6a
```
#4b7e6a rgb(75,126,106)
```
#558e77
```
#558e77 rgb(85,142,119)
```
#5f9e84
```
#5f9e84 rgb(95,158,132)
```
#6ea891
```
#6ea891 rgb(110,168,145)
```
#7eb29d
```
#7eb29d rgb(126,178,157)
```

Monochromatic Color

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

#558e69
```
#558e69 rgb(85,142,105)
```
#558e6e
```
#558e6e rgb(85,142,110)
```
#558e72
```
#558e72 rgb(85,142,114)
```
#558e77
```
#558e77 rgb(85,142,119)
```
#558e7c
```
#558e7c rgb(85,142,124)
```
#558e81
```
#558e81 rgb(85,142,129)
```
#558e85
```
#558e85 rgb(85,142,133)
```

Similar Colors

Text with hexadecimal color #558e77

This text has a font color of #558e77.

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

#558e77 background color

This paragraph has a background color of #558e77.

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

#558e77 border color

This element has a border color of #558e77.

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

CSS codes

.text {color:#558e77;}

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

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

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

#040706
```
#040706 rgb(4,7,6)
```
#0c1310
```
#0c1310 rgb(12,19,16)
```
#13201a
```
#13201a rgb(19,32,26)
```
#1a2c25
```
#1a2c25 rgb(26,44,37)
```
#22382f
```
#22382f rgb(34,56,47)
```
#294439
```
#294439 rgb(41,68,57)
```
#305144
```
#305144 rgb(48,81,68)
```
#385d4e
```
#385d4e rgb(56,93,78)
```
#3f6958
```
#3f6958 rgb(63,105,88)
```
#467562
```
#467562 rgb(70,117,98)
```
#4e826d
```
#4e826d rgb(78,130,109)
```
#558e77
```
#558e77 rgb(85,142,119)
```
#5c9a81
```
#5c9a81 rgb(92,154,129)
```

Shade Color Variation

#67a48b
```
#67a48b rgb(103,164,139)
```
#73ab94
```
#73ab94 rgb(115,171,148)
```
#7fb29e
```
#7fb29e rgb(127,178,158)
```
#8bbaa7
```
#8bbaa7 rgb(139,186,167)
```
#98c1b0
```
#98c1b0 rgb(152,193,176)
```
#a4c8ba
```
#a4c8ba rgb(164,200,186)
```
#b0d0c3
```
#b0d0c3 rgb(176,208,195)
```
#bcd7cc
```
#bcd7cc rgb(188,215,204)
```
#c9ded6
```
#c9ded6 rgb(201,222,214)
```
#d5e6df
```
#d5e6df rgb(213,230,223)
```
#e1ede8
```
#e1ede8 rgb(225,237,232)
```
#edf5f2
```
#edf5f2 rgb(237,245,242)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#6f7472
```
#6f7472 rgb(111,116,114)
```
#667d74
```
#667d74 rgb(102,125,116)
```
#5e8575
```
#5e8575 rgb(94,133,117)
```
#558e77
```
#558e77 rgb(85,142,119)
```
#4c9779
```
#4c9779 rgb(76,151,121)
```
#449f7a
```
#449f7a rgb(68,159,122)
```
#3ba87c
```
#3ba87c rgb(59,168,124)
```
#32b17e
```
#32b17e rgb(50,177,126)
```
#29ba7f
```
#29ba7f rgb(41,186,127)
```
#21c281
```
#21c281 rgb(33,194,129)
```
#18cb83
```
#18cb83 rgb(24,203,131)
```
#0fd484
```
#0fd484 rgb(15,212,132)
```
#06dd86
```
#06dd86 rgb(6,221,134)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#737e79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8878 Protanopia 1% of men
#988483 Deuteranopia 1% of men
#668f9a Tritanopia 0.001% of the population

Trichromacy

#7a8a78 Protanomaly 1% of men, 0.01% of women
#7f887e Deuteranomaly 6% of men, 0.4% of women
#5f8f8d Tritanomaly 0.01% of the population

#558e77 hex color

#558e77 Color Information

#558e77 Color Conversion

Color Schemes with #558e77

Alternatives to #558e77

#558e77 Preview

Shades and Tints of #558e77

Tones of #558e77

Color Blindness Simulator