#558b70 hex color

In a RGB color space, hex #558b70 is composed of 33.3% red, 54.5% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 19.4% yellow and 45.5% black. It has a hue angle of 150 degrees, a saturation of 24.1% and a lightness of 43.9%. #558b70 color hex could be obtained by blending #aaffe0 with #001700. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 55
- B 44
RGB color chart
- C 39
- M 0
- Y 19
- K 45
CMYK color chart

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

The hexadecimal color #558b70 has RGB values of R:85, G:139, B:112 and CMYK values of C:0.39, M:0, Y:0.19, K:0.45. Its decimal value is 5606256.

Hex triplet	558b70	`#558b70`
RGB Decimal	85, 139, 112	`rgb(85,139,112)`
RGB Percent	33.3, 54.5, 43.9	`rgb(33.3%,54.5%,43.9%)`
CMYK	39, 0, 19, 45
HSL	150°, 24.1, 43.9	`hsl(150,24.1%,43.9%)`
HSV (or HSB)	150°, 38.8, 54.5
Web Safe	669966	`#669966`

CIE-LAB	53.563, -24.324, 8.859
XYZ	15.903, 21.566, 18.653
xyY	0.283, 0.384, 21.566
CIE-LCH	53.563, 25.887, 159.989
CIE-LUV	53.563, -25.723, 15.738
Hunter-Lab	46.439, -20.142, 8.692
Binary	01010101, 10001011, 01110000

#558b70
```
#558b70 rgb(85,139,112)
```
#8b5570
```
#8b5570 rgb(139,85,112)
```

Complementary Color

#558b55
```
#558b55 rgb(85,139,85)
```
#558b70
```
#558b70 rgb(85,139,112)
```
#558b8b
```
#558b8b rgb(85,139,139)
```

Analogous Color

#8b5555
```
#8b5555 rgb(139,85,85)
```
#558b70
```
#558b70 rgb(85,139,112)
```
#8b558b
```
#8b558b rgb(139,85,139)
```

Split Complementary Color

#8b7055
```
#8b7055 rgb(139,112,85)
```
#558b70
```
#558b70 rgb(85,139,112)
```
#70558b
```
#70558b rgb(112,85,139)
```

Triadic Color

#708b55
```
#708b55 rgb(112,139,85)
```
#558b70
```
#558b70 rgb(85,139,112)
```
#70558b
```
#70558b rgb(112,85,139)
```
#8b5570
```
#8b5570 rgb(139,85,112)
```

Tetradic Color

#385c4a
```
#385c4a rgb(56,92,74)
```
#426b57
```
#426b57 rgb(66,107,87)
```
#4b7b63
```
#4b7b63 rgb(75,123,99)
```
#558b70
```
#558b70 rgb(85,139,112)
```
#5f9b7d
```
#5f9b7d rgb(95,155,125)
```
#6da68a
```
#6da68a rgb(109,166,138)
```
#7db096
```
#7db096 rgb(125,176,150)
```

Monochromatic Color

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

#558b63
```
#558b63 rgb(85,139,99)
```
#558b67
```
#558b67 rgb(85,139,103)
```
#558b6c
```
#558b6c rgb(85,139,108)
```
#558b70
```
#558b70 rgb(85,139,112)
```
#558b75
```
#558b75 rgb(85,139,117)
```
#558b79
```
#558b79 rgb(85,139,121)
```
#558b7e
```
#558b7e rgb(85,139,126)
```

Similar Colors

Text with hexadecimal color #558b70

This text has a font color of #558b70.

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

#558b70 background color

This paragraph has a background color of #558b70.

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

#558b70 border color

This element has a border color of #558b70.

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

CSS codes

.text {color:#558b70;}

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

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0b110e
```
#0b110e rgb(11,17,14)
```
#121d18
```
#121d18 rgb(18,29,24)
```
#192a22
```
#192a22 rgb(25,42,34)
```
#21362b
```
#21362b rgb(33,54,43)
```
#284235
```
#284235 rgb(40,66,53)
```
#304e3f
```
#304e3f rgb(48,78,63)
```
#375a49
```
#375a49 rgb(55,90,73)
```
#3f6653
```
#3f6653 rgb(63,102,83)
```
#46735c
```
#46735c rgb(70,115,92)
```
#4e7f66
```
#4e7f66 rgb(78,127,102)
```
#558b70
```
#558b70 rgb(85,139,112)
```
#5c977a
```
#5c977a rgb(92,151,122)
```

Shade Color Variation

#66a184
```
#66a184 rgb(102,161,132)
```
#72a98d
```
#72a98d rgb(114,169,141)
```
#7eb097
```
#7eb097 rgb(126,176,151)
```
#8ab8a1
```
#8ab8a1 rgb(138,184,161)
```
#97bfab
```
#97bfab rgb(151,191,171)
```
#a3c7b5
```
#a3c7b5 rgb(163,199,181)
```
#afcebe
```
#afcebe rgb(175,206,190)
```
#bbd5c8
```
#bbd5c8 rgb(187,213,200)
```
#c7ddd2
```
#c7ddd2 rgb(199,221,210)
```
#d3e4dc
```
#d3e4dc rgb(211,228,220)
```
#e0ece6
```
#e0ece6 rgb(224,236,230)
```
#ecf3f0
```
#ecf3f0 rgb(236,243,240)
```
#f8fbf9
```
#f8fbf9 rgb(248,251,249)
```

Tint Color Variation

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

#6f7170
```
#6f7170 rgb(111,113,112)
```
#667a70
```
#667a70 rgb(102,122,112)
```
#5e8270
```
#5e8270 rgb(94,130,112)
```
#558b70
```
#558b70 rgb(85,139,112)
```
#4c9470
```
#4c9470 rgb(76,148,112)
```
#449c70
```
#449c70 rgb(68,156,112)
```
#3ba570
```
#3ba570 rgb(59,165,112)
```
#33ad70
```
#33ad70 rgb(51,173,112)
```
#2ab670
```
#2ab670 rgb(42,182,112)
```
#21bf70
```
#21bf70 rgb(33,191,112)
```
#19c770
```
#19c770 rgb(25,199,112)
```
#10d070
```
#10d070 rgb(16,208,112)
```
#07d970
```
#07d970 rgb(7,217,112)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#717c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8672 Protanopia 1% of men
#96827c Deuteranopia 1% of men
#668c96 Tritanopia 0.001% of the population

Trichromacy

#798771 Protanomaly 1% of men, 0.01% of women
#7e8577 Deuteranomaly 6% of men, 0.4% of women
#608c88 Tritanomaly 0.01% of the population

#558b70 hex color

#558b70 Color Information

#558b70 Color Conversion

Color Schemes with #558b70

Alternatives to #558b70

#558b70 Preview

Shades and Tints of #558b70

Tones of #558b70

Color Blindness Simulator