#558061 hex color

In a RGB color space, hex #558061 is composed of 33.3% red, 50.2% green and 38% blue. Whereas in a CMYK color space, it is composed of 33.6% cyan, 0% magenta, 24.2% yellow and 49.8% black. It has a hue angle of 136.7 degrees, a saturation of 20.2% and a lightness of 41.8%. #558061 color hex could be obtained by blending #aaffc2 with #000100. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 50
- B 38
RGB color chart
- C 34
- M 0
- Y 24
- K 50
CMYK color chart

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

The hexadecimal color #558061 has RGB values of R:85, G:128, B:97 and CMYK values of C:0.34, M:0, Y:0.24, K:0.5. Its decimal value is 5603425.

Hex triplet	558061	`#558061`
RGB Decimal	85, 128, 97	`rgb(85,128,97)`
RGB Percent	33.3, 50.2, 38	`rgb(33.3%,50.2%,38%)`
CMYK	34, 0, 24, 50
HSL	136.7°, 20.2, 41.8	`hsl(136.7,20.2%,41.8%)`
HSV (or HSB)	136.7°, 33.6, 50.2
Web Safe	669966	`#669966`

CIE-LAB	49.776, -21.856, 12.199
XYZ	13.622, 18.232, 14.11
xyY	0.296, 0.397, 18.232
CIE-LCH	49.776, 25.03, 150.832
CIE-LUV	49.776, -20.989, 19.256
Hunter-Lab	42.699, -17.776, 10.297
Binary	01010101, 10000000, 01100001

#558061
```
#558061 rgb(85,128,97)
```
#805574
```
#805574 rgb(128,85,116)
```

Complementary Color

#5f8055
```
#5f8055 rgb(95,128,85)
```
#558061
```
#558061 rgb(85,128,97)
```
#558077
```
#558077 rgb(85,128,119)
```

Analogous Color

#80555f
```
#80555f rgb(128,85,95)
```
#558061
```
#558061 rgb(85,128,97)
```
#775580
```
#775580 rgb(119,85,128)
```

Split Complementary Color

#806155
```
#806155 rgb(128,97,85)
```
#558061
```
#558061 rgb(85,128,97)
```
#615580
```
#615580 rgb(97,85,128)
```

Triadic Color

#748055
```
#748055 rgb(116,128,85)
```
#558061
```
#558061 rgb(85,128,97)
```
#615580
```
#615580 rgb(97,85,128)
```
#805574
```
#805574 rgb(128,85,116)
```

Tetradic Color

#36523e
```
#36523e rgb(54,82,62)
```
#41614a
```
#41614a rgb(65,97,74)
```
#4b7155
```
#4b7155 rgb(75,113,85)
```
#558061
```
#558061 rgb(85,128,97)
```
#5f8f6d
```
#5f8f6d rgb(95,143,109)
```
#6b9d79
```
#6b9d79 rgb(107,157,121)
```
#7aa787
```
#7aa787 rgb(122,167,135)
```

Monochromatic Color

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

#558056
```
#558056 rgb(85,128,86)
```
#55805a
```
#55805a rgb(85,128,90)
```
#55805d
```
#55805d rgb(85,128,93)
```
#558061
```
#558061 rgb(85,128,97)
```
#558065
```
#558065 rgb(85,128,101)
```
#558068
```
#558068 rgb(85,128,104)
```
#55806c
```
#55806c rgb(85,128,108)
```

Similar Colors

Text with hexadecimal color #558061

This text has a font color of #558061.

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

#558061 background color

This paragraph has a background color of #558061.

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

#558061 border color

This element has a border color of #558061.

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

CSS codes

.text {color:#558061;}

.background {background-color:#558061;}

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

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, #070a08 is the darkest color, while #fdfefd is the lightest one.

#070a08
```
#070a08 rgb(7,10,8)
```
#0f1611
```
#0f1611 rgb(15,22,17)
```
#16221a
```
#16221a rgb(22,34,26)
```
#1e2d22
```
#1e2d22 rgb(30,45,34)
```
#26392b
```
#26392b rgb(38,57,43)
```
#2e4534
```
#2e4534 rgb(46,69,52)
```
#36513d
```
#36513d rgb(54,81,61)
```
#3e5d46
```
#3e5d46 rgb(62,93,70)
```
#45684f
```
#45684f rgb(69,104,79)
```
#4d7458
```
#4d7458 rgb(77,116,88)
```
#558061
```
#558061 rgb(85,128,97)
```
#5d8c6a
```
#5d8c6a rgb(93,140,106)
```
#659873
```
#659873 rgb(101,152,115)
```

Shade Color Variation

#70a07d
```
#70a07d rgb(112,160,125)
```
#7ca888
```
#7ca888 rgb(124,168,136)
```
#87b093
```
#87b093 rgb(135,176,147)
```
#93b79d
```
#93b79d rgb(147,183,157)
```
#9fbfa8
```
#9fbfa8 rgb(159,191,168)
```
#abc7b3
```
#abc7b3 rgb(171,199,179)
```
#b7cfbd
```
#b7cfbd rgb(183,207,189)
```
#c2d7c8
```
#c2d7c8 rgb(194,215,200)
```
#cedfd3
```
#cedfd3 rgb(206,223,211)
```
#dae6dd
```
#dae6dd rgb(218,230,221)
```
#e6eee8
```
#e6eee8 rgb(230,238,232)
```
#f2f6f3
```
#f2f6f3 rgb(242,246,243)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #657068 is the less saturated color, while #03d23d is the most saturated one.

#657068
```
#657068 rgb(101,112,104)
```
#5d7865
```
#5d7865 rgb(93,120,101)
```
#558061
```
#558061 rgb(85,128,97)
```
#4d885d
```
#4d885d rgb(77,136,93)
```
#45905a
```
#45905a rgb(69,144,90)
```
#3c9956
```
#3c9956 rgb(60,153,86)
```
#34a153
```
#34a153 rgb(52,161,83)
```
#2ca94f
```
#2ca94f rgb(44,169,79)
```
#24b14b
```
#24b14b rgb(36,177,75)
```
#1cb948
```
#1cb948 rgb(28,185,72)
```
#13c244
```
#13c244 rgb(19,194,68)
```
#0bca40
```
#0bca40 rgb(11,202,64)
```
#03d23d
```
#03d23d rgb(3,210,61)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b736d Atypical Achromatopsia 0.001% of the population

Dichromacy

#857d65 Protanopia 1% of men
#8e796d Deuteranopia 1% of men
#66818b Tritanopia 0.001% of the population

Trichromacy

#737e63 Protanomaly 1% of men, 0.01% of women
#797b69 Deuteranomaly 6% of men, 0.4% of women
#5f817b Tritanomaly 0.01% of the population

#558061 hex color

#558061 Color Information

#558061 Color Conversion

Color Schemes with #558061

Alternatives to #558061

#558061 Preview

Shades and Tints of #558061

Tones of #558061

Color Blindness Simulator