#558193 hex color

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

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

● #558193 color description : Mostly desaturated dark blue.

The hexadecimal color #558193 has RGB values of R:85, G:129, B:147 and CMYK values of C:0.42, M:0.12, Y:0, K:0.42. Its decimal value is 5603731.

Hex triplet	558193	`#558193`
RGB Decimal	85, 129, 147	`rgb(85,129,147)`
RGB Percent	33.3, 50.6, 57.6	`rgb(33.3%,50.6%,57.6%)`
CMYK	42, 12, 0, 42
HSL	197.4°, 26.7, 45.5	`hsl(197.4,26.7%,45.5%)`
HSV (or HSB)	197.4°, 42.2, 57.6
Web Safe	669999	`#669999`

CIE-LAB	51.539, -10.17, -14.447
XYZ	16.862, 19.738, 30.523
xyY	0.251, 0.294, 19.738
CIE-LCH	51.539, 17.668, 234.857
CIE-LUV	51.539, -20.835, -19.549
Hunter-Lab	44.427, -10, -9.636
Binary	01010101, 10000001, 10010011

#558193
```
#558193 rgb(85,129,147)
```
#936755
```
#936755 rgb(147,103,85)
```

Complementary Color

#559386
```
#559386 rgb(85,147,134)
```
#558193
```
#558193 rgb(85,129,147)
```
#556293
```
#556293 rgb(85,98,147)
```

Analogous Color

#938655
```
#938655 rgb(147,134,85)
```
#558193
```
#558193 rgb(85,129,147)
```
#935562
```
#935562 rgb(147,85,98)
```

Split Complementary Color

#819355
```
#819355 rgb(129,147,85)
```
#558193
```
#558193 rgb(85,129,147)
```
#935581
```
#935581 rgb(147,85,129)
```

Triadic Color

#559367
```
#559367 rgb(85,147,103)
```
#558193
```
#558193 rgb(85,129,147)
```
#935581
```
#935581 rgb(147,85,129)
```
#936755
```
#936755 rgb(147,103,85)
```

Tetradic Color

#395663
```
#395663 rgb(57,86,99)
```
#426573
```
#426573 rgb(66,101,115)
```
#4c7383
```
#4c7383 rgb(76,115,131)
```
#558193
```
#558193 rgb(85,129,147)
```
#5f8fa2
```
#5f8fa2 rgb(95,143,162)
```
#6f9aac
```
#6f9aac rgb(111,154,172)
```
#7fa6b5
```
#7fa6b5 rgb(127,166,181)
```

Monochromatic Color

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

#559193
```
#559193 rgb(85,145,147)
```
#558b93
```
#558b93 rgb(85,139,147)
```
#558693
```
#558693 rgb(85,134,147)
```
#558193
```
#558193 rgb(85,129,147)
```
#557c93
```
#557c93 rgb(85,124,147)
```
#557793
```
#557793 rgb(85,119,147)
```
#557293
```
#557293 rgb(85,114,147)
```

Similar Colors

Text with hexadecimal color #558193

This text has a font color of #558193.

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

#558193 background color

This paragraph has a background color of #558193.

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

#558193 border color

This element has a border color of #558193.

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

CSS codes

.text {color:#558193;}

.background {background-color:#558193;}

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

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 #fdfdfe is the lightest one.

#06090a
```
#06090a rgb(6,9,10)
```
#0d1417
```
#0d1417 rgb(13,20,23)
```
#141f23
```
#141f23 rgb(20,31,35)
```
#1c2a30
```
#1c2a30 rgb(28,42,48)
```
#23353c
```
#23353c rgb(35,53,60)
```
#2a4048
```
#2a4048 rgb(42,64,72)
```
#314a55
```
#314a55 rgb(49,74,85)
```
#385561
```
#385561 rgb(56,85,97)
```
#3f606e
```
#3f606e rgb(63,96,110)
```
#476b7a
```
#476b7a rgb(71,107,122)
```
#4e7687
```
#4e7687 rgb(78,118,135)
```
#558193
```
#558193 rgb(85,129,147)
```
#5c8c9f
```
#5c8c9f rgb(92,140,159)
```

Shade Color Variation

#6895a8
```
#6895a8 rgb(104,149,168)
```
#749eaf
```
#749eaf rgb(116,158,175)
```
#81a6b6
```
#81a6b6 rgb(129,166,182)
```
#8dafbd
```
#8dafbd rgb(141,175,189)
```
#99b8c4
```
#99b8c4 rgb(153,184,196)
```
#a6c1cb
```
#a6c1cb rgb(166,193,203)
```
#b2c9d3
```
#b2c9d3 rgb(178,201,211)
```
#bfd2da
```
#bfd2da rgb(191,210,218)
```
#cbdbe1
```
#cbdbe1 rgb(203,219,225)
```
#d8e3e8
```
#d8e3e8 rgb(216,227,232)
```
#e4ecef
```
#e4ecef rgb(228,236,239)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,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 #05a3e3 is the most saturated one.

#707678
```
#707678 rgb(112,118,120)
```
#677a81
```
#677a81 rgb(103,122,129)
```
#5e7d8a
```
#5e7d8a rgb(94,125,138)
```
#558193
```
#558193 rgb(85,129,147)
```
#4c859c
```
#4c859c rgb(76,133,156)
```
#4388a5
```
#4388a5 rgb(67,136,165)
```
#3a8cae
```
#3a8cae rgb(58,140,174)
```
#3190b7
```
#3190b7 rgb(49,144,183)
```
#2894c0
```
#2894c0 rgb(40,148,192)
```
#1f97c9
```
#1f97c9 rgb(31,151,201)
```
#179bd1
```
#179bd1 rgb(23,155,209)
```
#0e9fda
```
#0e9fda rgb(14,159,218)
```
#05a3e3
```
#05a3e3 rgb(5,163,227)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6f787c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8094 Protanopia 1% of men
#7f7f9b Deuteranopia 1% of men
#5b8892 Tritanopia 0.001% of the population

Trichromacy

#6e8093 Protanomaly 1% of men, 0.01% of women
#707f98 Deuteranomaly 6% of men, 0.4% of women
#598592 Tritanomaly 0.01% of the population

#558193 hex color

#558193 Color Information

#558193 Color Conversion

Color Schemes with #558193

Alternatives to #558193

#558193 Preview

Shades and Tints of #558193

Tones of #558193

Color Blindness Simulator