#558e7f hex color

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

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

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

The hexadecimal color #558e7f has RGB values of R:85, G:142, B:127 and CMYK values of C:0.4, M:0, Y:0.11, K:0.44. Its decimal value is 5607039.

Hex triplet	558e7f	`#558e7f`
RGB Decimal	85, 142, 127	`rgb(85,142,127)`
RGB Percent	33.3, 55.7, 49.8	`rgb(33.3%,55.7%,49.8%)`
CMYK	40, 0, 11, 44
HSL	164.2°, 25.1, 44.5	`hsl(164.2,25.1%,44.5%)`
HSV (or HSB)	164.2°, 40.1, 55.7
Web Safe	669966	`#669966`

CIE-LAB	54.875, -22.413, 2.109
XYZ	17.249, 22.809, 23.571
xyY	0.271, 0.358, 22.809
CIE-LCH	54.875, 22.512, 174.625
CIE-LUV	54.875, -26.693, 6.386
Hunter-Lab	47.758, -19.108, 4.168
Binary	01010101, 10001110, 01111111

#558e7f
```
#558e7f rgb(85,142,127)
```
#8e5564
```
#8e5564 rgb(142,85,100)
```

Complementary Color

#558e63
```
#558e63 rgb(85,142,99)
```
#558e7f
```
#558e7f rgb(85,142,127)
```
#55818e
```
#55818e rgb(85,129,142)
```

Analogous Color

#8e6355
```
#8e6355 rgb(142,99,85)
```
#558e7f
```
#558e7f rgb(85,142,127)
```
#8e5581
```
#8e5581 rgb(142,85,129)
```

Split Complementary Color

#8e7f55
```
#8e7f55 rgb(142,127,85)
```
#558e7f
```
#558e7f rgb(85,142,127)
```
#7f558e
```
#7f558e rgb(127,85,142)
```

Triadic Color

#648e55
```
#648e55 rgb(100,142,85)
```
#558e7f
```
#558e7f rgb(85,142,127)
```
#7f558e
```
#7f558e rgb(127,85,142)
```
#8e5564
```
#8e5564 rgb(142,85,100)
```

Tetradic Color

#385e54
```
#385e54 rgb(56,94,84)
```
#426e62
```
#426e62 rgb(66,110,98)
```
#4b7e71
```
#4b7e71 rgb(75,126,113)
```
#558e7f
```
#558e7f rgb(85,142,127)
```
#5f9e8d
```
#5f9e8d rgb(95,158,141)
```
#6ea899
```
#6ea899 rgb(110,168,153)
```
#7eb2a4
```
#7eb2a4 rgb(126,178,164)
```

Monochromatic Color

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

#558e71
```
#558e71 rgb(85,142,113)
```
#558e76
```
#558e76 rgb(85,142,118)
```
#558e7a
```
#558e7a rgb(85,142,122)
```
#558e7f
```
#558e7f rgb(85,142,127)
```
#558e84
```
#558e84 rgb(85,142,132)
```
#558e89
```
#558e89 rgb(85,142,137)
```
#558e8d
```
#558e8d rgb(85,142,141)
```

Similar Colors

Text with hexadecimal color #558e7f

This text has a font color of #558e7f.

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

#558e7f background color

This paragraph has a background color of #558e7f.

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

#558e7f border color

This element has a border color of #558e7f.

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

CSS codes

.text {color:#558e7f;}

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

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

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)
```
#0c1311
```
#0c1311 rgb(12,19,17)
```
#13201c
```
#13201c rgb(19,32,28)
```
#1a2c27
```
#1a2c27 rgb(26,44,39)
```
#223832
```
#223832 rgb(34,56,50)
```
#29443d
```
#29443d rgb(41,68,61)
```
#305148
```
#305148 rgb(48,81,72)
```
#385d53
```
#385d53 rgb(56,93,83)
```
#3f695e
```
#3f695e rgb(63,105,94)
```
#467569
```
#467569 rgb(70,117,105)
```
#4e8274
```
#4e8274 rgb(78,130,116)
```
#558e7f
```
#558e7f rgb(85,142,127)
```
#5c9a8a
```
#5c9a8a rgb(92,154,138)
```

Shade Color Variation

#67a494
```
#67a494 rgb(103,164,148)
```
#73ab9c
```
#73ab9c rgb(115,171,156)
```
#7fb2a5
```
#7fb2a5 rgb(127,178,165)
```
#8bbaae
```
#8bbaae rgb(139,186,174)
```
#98c1b6
```
#98c1b6 rgb(152,193,182)
```
#a4c8bf
```
#a4c8bf rgb(164,200,191)
```
#b0d0c7
```
#b0d0c7 rgb(176,208,199)
```
#bcd7d0
```
#bcd7d0 rgb(188,215,208)
```
#c9ded9
```
#c9ded9 rgb(201,222,217)
```
#d5e6e1
```
#d5e6e1 rgb(213,230,225)
```
#e1edea
```
#e1edea rgb(225,237,234)
```
#edf5f3
```
#edf5f3 rgb(237,245,243)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#6f7473
```
#6f7473 rgb(111,116,115)
```
#667d77
```
#667d77 rgb(102,125,119)
```
#5e857b
```
#5e857b rgb(94,133,123)
```
#558e7f
```
#558e7f rgb(85,142,127)
```
#4c9783
```
#4c9783 rgb(76,151,131)
```
#449f87
```
#449f87 rgb(68,159,135)
```
#3ba88b
```
#3ba88b rgb(59,168,139)
```
#32b190
```
#32b190 rgb(50,177,144)
```
#29ba94
```
#29ba94 rgb(41,186,148)
```
#21c298
```
#21c298 rgb(33,194,152)
```
#18cb9c
```
#18cb9c rgb(24,203,156)
```
#0fd4a0
```
#0fd4a0 rgb(15,212,160)
```
#06dda4
```
#06dda4 rgb(6,221,164)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#737f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8980 Protanopia 1% of men
#95858a Deuteranopia 1% of men
#64909b Tritanopia 0.001% of the population

Trichromacy

#798a7f Protanomaly 1% of men, 0.01% of women
#7e8886 Deuteranomaly 6% of men, 0.4% of women
#5e8f90 Tritanomaly 0.01% of the population

#558e7f hex color

#558e7f Color Information

#558e7f Color Conversion

Color Schemes with #558e7f

Alternatives to #558e7f

#558e7f Preview

Shades and Tints of #558e7f

Tones of #558e7f

Color Blindness Simulator