#558172 hex color

In a RGB color space, hex #558172 is composed of 33.3% red, 50.6% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 0% magenta, 11.6% yellow and 49.4% black. It has a hue angle of 159.5 degrees, a saturation of 20.6% and a lightness of 42%. #558172 color hex could be obtained by blending #aaffe4 with #000300. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 51
- B 45
RGB color chart
- C 34
- M 0
- Y 12
- K 49
CMYK color chart

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

The hexadecimal color #558172 has RGB values of R:85, G:129, B:114 and CMYK values of C:0.34, M:0, Y:0.12, K:0.49. Its decimal value is 5603698.

Hex triplet	558172	`#558172`
RGB Decimal	85, 129, 114	`rgb(85,129,114)`
RGB Percent	33.3, 50.6, 44.7	`rgb(33.3%,50.6%,44.7%)`
CMYK	34, 0, 12, 49
HSL	159.5°, 20.6, 42	`hsl(159.5,20.6%,42%)`
HSV (or HSB)	159.5°, 34.1, 50.6
Web Safe	669966	`#669966`

CIE-LAB	50.507, -18.687, 3.327
XYZ	14.633, 18.846, 18.785
xyY	0.28, 0.361, 18.846
CIE-LCH	50.507, 18.981, 169.905
CIE-LUV	50.507, -21.238, 7.377
Hunter-Lab	43.412, -15.804, 4.732
Binary	01010101, 10000001, 01110010

#558172
```
#558172 rgb(85,129,114)
```
#815564
```
#815564 rgb(129,85,100)
```

Complementary Color

#55815c
```
#55815c rgb(85,129,92)
```
#558172
```
#558172 rgb(85,129,114)
```
#557a81
```
#557a81 rgb(85,122,129)
```

Analogous Color

#815c55
```
#815c55 rgb(129,92,85)
```
#558172
```
#558172 rgb(85,129,114)
```
#81557a
```
#81557a rgb(129,85,122)
```

Split Complementary Color

#817255
```
#817255 rgb(129,114,85)
```
#558172
```
#558172 rgb(85,129,114)
```
#725581
```
#725581 rgb(114,85,129)
```

Triadic Color

#648155
```
#648155 rgb(100,129,85)
```
#558172
```
#558172 rgb(85,129,114)
```
#725581
```
#725581 rgb(114,85,129)
```
#815564
```
#815564 rgb(129,85,100)
```

Tetradic Color

#375349
```
#375349 rgb(55,83,73)
```
#416257
```
#416257 rgb(65,98,87)
```
#4b7264
```
#4b7264 rgb(75,114,100)
```
#558172
```
#558172 rgb(85,129,114)
```
#5f9080
```
#5f9080 rgb(95,144,128)
```
#6b9e8d
```
#6b9e8d rgb(107,158,141)
```
#7ba898
```
#7ba898 rgb(123,168,152)
```

Monochromatic Color

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

#558167
```
#558167 rgb(85,129,103)
```
#55816b
```
#55816b rgb(85,129,107)
```
#55816e
```
#55816e rgb(85,129,110)
```
#558172
```
#558172 rgb(85,129,114)
```
#558176
```
#558176 rgb(85,129,118)
```
#558179
```
#558179 rgb(85,129,121)
```
#55817d
```
#55817d rgb(85,129,125)
```

Similar Colors

Text with hexadecimal color #558172

This text has a font color of #558172.

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

#558172 background color

This paragraph has a background color of #558172.

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

#558172 border color

This element has a border color of #558172.

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

CSS codes

.text {color:#558172;}

.background {background-color:#558172;}

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

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

#070b0a
```
#070b0a rgb(7,11,10)
```
#0f1714
```
#0f1714 rgb(15,23,20)
```
#17221e
```
#17221e rgb(23,34,30)
```
#1e2e29
```
#1e2e29 rgb(30,46,41)
```
#263a33
```
#263a33 rgb(38,58,51)
```
#2e463e
```
#2e463e rgb(46,70,62)
```
#365248
```
#365248 rgb(54,82,72)
```
#3e5e53
```
#3e5e53 rgb(62,94,83)
```
#45695d
```
#45695d rgb(69,105,93)
```
#4d7568
```
#4d7568 rgb(77,117,104)
```
#558172
```
#558172 rgb(85,129,114)
```
#5d8d7c
```
#5d8d7c rgb(93,141,124)
```
#659987
```
#659987 rgb(101,153,135)
```

Shade Color Variation

#70a190
```
#70a190 rgb(112,161,144)
```
#7ca999
```
#7ca999 rgb(124,169,153)
```
#88b0a3
```
#88b0a3 rgb(136,176,163)
```
#94b8ac
```
#94b8ac rgb(148,184,172)
```
#9fc0b5
```
#9fc0b5 rgb(159,192,181)
```
#abc8be
```
#abc8be rgb(171,200,190)
```
#b7d0c7
```
#b7d0c7 rgb(183,208,199)
```
#c3d7d0
```
#c3d7d0 rgb(195,215,208)
```
#cfdfda
```
#cfdfda rgb(207,223,218)
```
#dae7e3
```
#dae7e3 rgb(218,231,227)
```
#e6efec
```
#e6efec rgb(230,239,236)
```
#f2f7f5
```
#f2f7f5 rgb(242,247,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#65716d
```
#65716d rgb(101,113,109)
```
#5d796f
```
#5d796f rgb(93,121,111)
```
#558172
```
#558172 rgb(85,129,114)
```
#4d8975
```
#4d8975 rgb(77,137,117)
```
#459177
```
#459177 rgb(69,145,119)
```
#3c9a7a
```
#3c9a7a rgb(60,154,122)
```
#34a27c
```
#34a27c rgb(52,162,124)
```
#2caa7f
```
#2caa7f rgb(44,170,127)
```
#24b282
```
#24b282 rgb(36,178,130)
```
#1bbb84
```
#1bbb84 rgb(27,187,132)
```
#13c387
```
#13c387 rgb(19,195,135)
```
#0bcb8a
```
#0bcb8a rgb(11,203,138)
```
#03d38c
```
#03d38c rgb(3,211,140)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c7572 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837e74 Protanopia 1% of men
#8b7b7d Deuteranopia 1% of men
#63848e Tritanopia 0.001% of the population

Trichromacy

#727f73 Protanomaly 1% of men, 0.01% of women
#777d79 Deuteranomaly 6% of men, 0.4% of women
#5e8383 Tritanomaly 0.01% of the population

#558172 hex color

#558172 Color Information

#558172 Color Conversion

Color Schemes with #558172

Alternatives to #558172

#558172 Preview

Shades and Tints of #558172

Tones of #558172

Color Blindness Simulator