#558f95 hex color

In a RGB color space, hex #558f95 is composed of 33.3% red, 56.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 4% magenta, 0% yellow and 41.6% black. It has a hue angle of 185.6 degrees, a saturation of 27.4% and a lightness of 45.9%. #558f95 color hex could be obtained by blending #aaffff with #001f2b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 56
- B 58
RGB color chart
- C 43
- M 4
- Y 0
- K 42
CMYK color chart

● #558f95 color description : Mostly desaturated dark cyan.

The hexadecimal color #558f95 has RGB values of R:85, G:143, B:149 and CMYK values of C:0.43, M:0.04, Y:0, K:0.42. Its decimal value is 5607317.

Hex triplet	558f95	`#558f95`
RGB Decimal	85, 143, 149	`rgb(85,143,149)`
RGB Percent	33.3, 56.1, 58.4	`rgb(33.3%,56.1%,58.4%)`
CMYK	43, 4, 0, 42
HSL	185.6°, 27.4, 45.9	`hsl(185.6,27.4%,45.9%)`
HSV (or HSB)	185.6°, 43, 58.4
Web Safe	669999	`#669999`

CIE-LAB	55.832, -17.306, -9.144
XYZ	18.992, 23.745, 32.015
xyY	0.254, 0.318, 23.745
CIE-LCH	55.832, 19.573, 207.852
CIE-LUV	55.832, -26.579, -10.751
Hunter-Lab	48.729, -15.705, -4.843
Binary	01010101, 10001111, 10010101

#558f95
```
#558f95 rgb(85,143,149)
```
#955b55
```
#955b55 rgb(149,91,85)
```

Complementary Color

#55957b
```
#55957b rgb(85,149,123)
```
#558f95
```
#558f95 rgb(85,143,149)
```
#556f95
```
#556f95 rgb(85,111,149)
```

Analogous Color

#957b55
```
#957b55 rgb(149,123,85)
```
#558f95
```
#558f95 rgb(85,143,149)
```
#95556f
```
#95556f rgb(149,85,111)
```

Split Complementary Color

#8f9555
```
#8f9555 rgb(143,149,85)
```
#558f95
```
#558f95 rgb(85,143,149)
```
#95558f
```
#95558f rgb(149,85,143)
```

Triadic Color

#55955b
```
#55955b rgb(85,149,91)
```
#558f95
```
#558f95 rgb(85,143,149)
```
#95558f
```
#95558f rgb(149,85,143)
```
#955b55
```
#955b55 rgb(149,91,85)
```

Tetradic Color

#396064
```
#396064 rgb(57,96,100)
```
#427075
```
#427075 rgb(66,112,117)
```
#4c7f85
```
#4c7f85 rgb(76,127,133)
```
#558f95
```
#558f95 rgb(85,143,149)
```
#5f9ea4
```
#5f9ea4 rgb(95,158,164)
```
#70a8ad
```
#70a8ad rgb(112,168,173)
```
#80b1b7
```
#80b1b7 rgb(128,177,183)
```

Monochromatic Color

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

#55958b
```
#55958b rgb(85,149,139)
```
#559590
```
#559590 rgb(85,149,144)
```
#559495
```
#559495 rgb(85,148,149)
```
#558f95
```
#558f95 rgb(85,143,149)
```
#558a95
```
#558a95 rgb(85,138,149)
```
#558495
```
#558495 rgb(85,132,149)
```
#557f95
```
#557f95 rgb(85,127,149)
```

Similar Colors

Text with hexadecimal color #558f95

This text has a font color of #558f95.

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

#558f95 background color

This paragraph has a background color of #558f95.

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

#558f95 border color

This element has a border color of #558f95.

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

CSS codes

.text {color:#558f95;}

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

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

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

#070b0c
```
#070b0c rgb(7,11,12)
```
#0e1718
```
#0e1718 rgb(14,23,24)
```
#152325
```
#152325 rgb(21,35,37)
```
#1c2f31
```
#1c2f31 rgb(28,47,49)
```
#233b3e
```
#233b3e rgb(35,59,62)
```
#2a474a
```
#2a474a rgb(42,71,74)
```
#315357
```
#315357 rgb(49,83,87)
```
#385f63
```
#385f63 rgb(56,95,99)
```
#406b70
```
#406b70 rgb(64,107,112)
```
#47777c
```
#47777c rgb(71,119,124)
```
#4e8389
```
#4e8389 rgb(78,131,137)
```
#558f95
```
#558f95 rgb(85,143,149)
```
#5c9ba1
```
#5c9ba1 rgb(92,155,161)
```

Shade Color Variation

#68a3a9
```
#68a3a9 rgb(104,163,169)
```
#75abb0
```
#75abb0 rgb(117,171,176)
```
#81b2b7
```
#81b2b7 rgb(129,178,183)
```
#8ebabe
```
#8ebabe rgb(142,186,190)
```
#9ac1c5
```
#9ac1c5 rgb(154,193,197)
```
#a7c9cd
```
#a7c9cd rgb(167,201,205)
```
#b3d1d4
```
#b3d1d4 rgb(179,209,212)
```
#c0d8db
```
#c0d8db rgb(192,216,219)
```
#cce0e2
```
#cce0e2 rgb(204,224,226)
```
#d9e8e9
```
#d9e8e9 rgb(217,232,233)
```
#e5eff0
```
#e5eff0 rgb(229,239,240)
```
#f2f7f7
```
#f2f7f7 rgb(242,247,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70797a is the less saturated color, while #04d1e6 is the most saturated one.

#70797a
```
#70797a rgb(112,121,122)
```
#678083
```
#678083 rgb(103,128,131)
```
#5e888c
```
#5e888c rgb(94,136,140)
```
#558f95
```
#558f95 rgb(85,143,149)
```
#4c969e
```
#4c969e rgb(76,150,158)
```
#439ea7
```
#439ea7 rgb(67,158,167)
```
#3aa5b0
```
#3aa5b0 rgb(58,165,176)
```
#31acb9
```
#31acb9 rgb(49,172,185)
```
#28b4c2
```
#28b4c2 rgb(40,180,194)
```
#1fbbcb
```
#1fbbcb rgb(31,187,203)
```
#16c2d4
```
#16c2d4 rgb(22,194,212)
```
#0dcadd
```
#0dcadd rgb(13,202,221)
```
#04d1e6
```
#04d1e6 rgb(4,209,230)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#768183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8b95 Protanopia 1% of men
#8f889e Deuteranopia 1% of men
#5f949e Tritanopia 0.001% of the population

Trichromacy

#778c95 Protanomaly 1% of men, 0.01% of women
#7a8b9b Deuteranomaly 6% of men, 0.4% of women
#5b929b Tritanomaly 0.01% of the population

#558f95 hex color

#558f95 Color Information

#558f95 Color Conversion

Color Schemes with #558f95

Alternatives to #558f95

#558f95 Preview

Shades and Tints of #558f95

Tones of #558f95

Color Blindness Simulator