#558493 hex color

In a RGB color space, hex #558493 is composed of 33.3% red, 51.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 10.2% magenta, 0% yellow and 42.4% black. It has a hue angle of 194.5 degrees, a saturation of 26.7% and a lightness of 45.5%. #558493 color hex could be obtained by blending #aaffff with #000927. Closest websafe color is: #669999.

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

● #558493 color description : Mostly desaturated dark cyan.

The hexadecimal color #558493 has RGB values of R:85, G:132, B:147 and CMYK values of C:0.42, M:0.1, Y:0, K:0.42. Its decimal value is 5604499.

Hex triplet	558493	`#558493`
RGB Decimal	85, 132, 147	`rgb(85,132,147)`
RGB Percent	33.3, 51.8, 57.6	`rgb(33.3%,51.8%,57.6%)`
CMYK	42, 10, 0, 42
HSL	194.5°, 26.7, 45.5	`hsl(194.5,26.7%,45.5%)`
HSV (or HSB)	194.5°, 42.2, 57.6
Web Safe	669999	`#669999`

CIE-LAB	52.442, -11.851, -13.082
XYZ	17.263, 20.54, 30.657
xyY	0.252, 0.3, 20.54
CIE-LCH	52.442, 17.652, 227.826
CIE-LUV	52.442, -22.075, -17.306
Hunter-Lab	45.321, -11.32, -8.382
Binary	01010101, 10000100, 10010011

#558493
```
#558493 rgb(85,132,147)
```
#936455
```
#936455 rgb(147,100,85)
```

Complementary Color

#559383
```
#559383 rgb(85,147,131)
```
#558493
```
#558493 rgb(85,132,147)
```
#556593
```
#556593 rgb(85,101,147)
```

Analogous Color

#938355
```
#938355 rgb(147,131,85)
```
#558493
```
#558493 rgb(85,132,147)
```
#935565
```
#935565 rgb(147,85,101)
```

Split Complementary Color

#849355
```
#849355 rgb(132,147,85)
```
#558493
```
#558493 rgb(85,132,147)
```
#935584
```
#935584 rgb(147,85,132)
```

Triadic Color

#559364
```
#559364 rgb(85,147,100)
```
#558493
```
#558493 rgb(85,132,147)
```
#935584
```
#935584 rgb(147,85,132)
```
#936455
```
#936455 rgb(147,100,85)
```

Tetradic Color

#395863
```
#395863 rgb(57,88,99)
```
#426773
```
#426773 rgb(66,103,115)
```
#4c7583
```
#4c7583 rgb(76,117,131)
```
#558493
```
#558493 rgb(85,132,147)
```
#5f92a2
```
#5f92a2 rgb(95,146,162)
```
#6f9dac
```
#6f9dac rgb(111,157,172)
```
#7fa8b5
```
#7fa8b5 rgb(127,168,181)
```

Monochromatic Color

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

#559393
```
#559393 rgb(85,147,147)
```
#558e93
```
#558e93 rgb(85,142,147)
```
#558993
```
#558993 rgb(85,137,147)
```
#558493
```
#558493 rgb(85,132,147)
```
#557f93
```
#557f93 rgb(85,127,147)
```
#557a93
```
#557a93 rgb(85,122,147)
```
#557593
```
#557593 rgb(85,117,147)
```

Similar Colors

Text with hexadecimal color #558493

This text has a font color of #558493.

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

#558493 background color

This paragraph has a background color of #558493.

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

#558493 border color

This element has a border color of #558493.

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

CSS codes

.text {color:#558493;}

.background {background-color:#558493;}

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

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, #06090a is the darkest color, while #fdfefe is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0d1417
```
#0d1417 rgb(13,20,23)
```
#142023
```
#142023 rgb(20,32,35)
```
#1c2b30
```
#1c2b30 rgb(28,43,48)
```
#23363c
```
#23363c rgb(35,54,60)
```
#2a4148
```
#2a4148 rgb(42,65,72)
```
#314c55
```
#314c55 rgb(49,76,85)
```
#385761
```
#385761 rgb(56,87,97)
```
#3f636e
```
#3f636e rgb(63,99,110)
```
#476e7a
```
#476e7a rgb(71,110,122)
```
#4e7987
```
#4e7987 rgb(78,121,135)
```
#558493
```
#558493 rgb(85,132,147)
```
#5c8f9f
```
#5c8f9f rgb(92,143,159)
```

Shade Color Variation

#6898a8
```
#6898a8 rgb(104,152,168)
```
#74a1af
```
#74a1af rgb(116,161,175)
```
#81a9b6
```
#81a9b6 rgb(129,169,182)
```
#8db1bd
```
#8db1bd rgb(141,177,189)
```
#99bac4
```
#99bac4 rgb(153,186,196)
```
#a6c2cb
```
#a6c2cb rgb(166,194,203)
```
#b2cbd3
```
#b2cbd3 rgb(178,203,211)
```
#bfd3da
```
#bfd3da rgb(191,211,218)
```
#cbdce1
```
#cbdce1 rgb(203,220,225)
```
#d8e4e8
```
#d8e4e8 rgb(216,228,232)
```
#e4edef
```
#e4edef rgb(228,237,239)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#707678
```
#707678 rgb(112,118,120)
```
#677b81
```
#677b81 rgb(103,123,129)
```
#5e7f8a
```
#5e7f8a rgb(94,127,138)
```
#558493
```
#558493 rgb(85,132,147)
```
#4c899c
```
#4c899c rgb(76,137,156)
```
#438da5
```
#438da5 rgb(67,141,165)
```
#3a92ae
```
#3a92ae rgb(58,146,174)
```
#3196b7
```
#3196b7 rgb(49,150,183)
```
#289bc0
```
#289bc0 rgb(40,155,192)
```
#1fa0c9
```
#1fa0c9 rgb(31,160,201)
```
#17a4d1
```
#17a4d1 rgb(23,164,209)
```
#0ea9da
```
#0ea9da rgb(14,169,218)
```
#05ade3
```
#05ade3 rgb(5,173,227)
```

Tone Color Variation

Below, you can see how #558493 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
#717a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#808294 Protanopia 1% of men
#83819b Deuteranopia 1% of men
#5c8b95 Tritanopia 0.001% of the population

Trichromacy

#708393 Protanomaly 1% of men, 0.01% of women
#728298 Deuteranomaly 6% of men, 0.4% of women
#598894 Tritanomaly 0.01% of the population

#558493 hex color

#558493 Color Information

#558493 Color Conversion

Color Schemes with #558493

Alternatives to #558493

#558493 Preview

Shades and Tints of #558493

Tones of #558493

Color Blindness Simulator