#558491 hex color

In a RGB color space, hex #558491 is composed of 33.3% red, 51.8% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 9% magenta, 0% yellow and 43.1% black. It has a hue angle of 193 degrees, a saturation of 26.1% and a lightness of 45.1%. #558491 color hex could be obtained by blending #aaffff with #000923. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 52
- B 57
RGB color chart
- C 41
- M 9
- Y 0
- K 43
CMYK color chart

● #558491 color description : Mostly desaturated dark cyan.

The hexadecimal color #558491 has RGB values of R:85, G:132, B:145 and CMYK values of C:0.41, M:0.09, Y:0, K:0.43. Its decimal value is 5604497.

Hex triplet	558491	`#558491`
RGB Decimal	85, 132, 145	`rgb(85,132,145)`
RGB Percent	33.3, 51.8, 56.9	`rgb(33.3%,51.8%,56.9%)`
CMYK	41, 9, 0, 43
HSL	193°, 26.1, 45.1	`hsl(193,26.1%,45.1%)`
HSV (or HSB)	193°, 41.4, 56.9
Web Safe	669999	`#669999`

CIE-LAB	52.373, -12.406, -12.023
XYZ	17.107, 20.477, 29.838
xyY	0.254, 0.304, 20.477
CIE-LCH	52.373, 17.276, 224.101
CIE-LUV	52.373, -22.104, -15.619
Hunter-Lab	45.252, -11.71, -7.418
Binary	01010101, 10000100, 10010001

#558491
```
#558491 rgb(85,132,145)
```
#916255
```
#916255 rgb(145,98,85)
```

Complementary Color

#559180
```
#559180 rgb(85,145,128)
```
#558491
```
#558491 rgb(85,132,145)
```
#556691
```
#556691 rgb(85,102,145)
```

Analogous Color

#918055
```
#918055 rgb(145,128,85)
```
#558491
```
#558491 rgb(85,132,145)
```
#915566
```
#915566 rgb(145,85,102)
```

Split Complementary Color

#849155
```
#849155 rgb(132,145,85)
```
#558491
```
#558491 rgb(85,132,145)
```
#915584
```
#915584 rgb(145,85,132)
```

Triadic Color

#559162
```
#559162 rgb(85,145,98)
```
#558491
```
#558491 rgb(85,132,145)
```
#915584
```
#915584 rgb(145,85,132)
```
#916255
```
#916255 rgb(145,98,85)
```

Tetradic Color

#395861
```
#395861 rgb(57,88,97)
```
#426771
```
#426771 rgb(66,103,113)
```
#4c7581
```
#4c7581 rgb(76,117,129)
```
#558491
```
#558491 rgb(85,132,145)
```
#5f93a1
```
#5f93a1 rgb(95,147,161)
```
#6f9daa
```
#6f9daa rgb(111,157,170)
```
#7fa8b4
```
#7fa8b4 rgb(127,168,180)
```

Monochromatic Color

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

#55918f
```
#55918f rgb(85,145,143)
```
#558e91
```
#558e91 rgb(85,142,145)
```
#558991
```
#558991 rgb(85,137,145)
```
#558491
```
#558491 rgb(85,132,145)
```
#557f91
```
#557f91 rgb(85,127,145)
```
#557a91
```
#557a91 rgb(85,122,145)
```
#557591
```
#557591 rgb(85,117,145)
```

Similar Colors

Text with hexadecimal color #558491

This text has a font color of #558491.

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

#558491 background color

This paragraph has a background color of #558491.

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

#558491 border color

This element has a border color of #558491.

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

CSS codes

.text {color:#558491;}

.background {background-color:#558491;}

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

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, #050809 is the darkest color, while #fcfdfd is the lightest one.

#050809
```
#050809 rgb(5,8,9)
```
#0d1315
```
#0d1315 rgb(13,19,21)
```
#141f22
```
#141f22 rgb(20,31,34)
```
#1b2a2e
```
#1b2a2e rgb(27,42,46)
```
#22353a
```
#22353a rgb(34,53,58)
```
#2a4047
```
#2a4047 rgb(42,64,71)
```
#314c53
```
#314c53 rgb(49,76,83)
```
#385760
```
#385760 rgb(56,87,96)
```
#3f626c
```
#3f626c rgb(63,98,108)
```
#476d78
```
#476d78 rgb(71,109,120)
```
#4e7985
```
#4e7985 rgb(78,121,133)
```
#558491
```
#558491 rgb(85,132,145)
```
#5c8f9d
```
#5c8f9d rgb(92,143,157)
```

Shade Color Variation

#6798a6
```
#6798a6 rgb(103,152,166)
```
#74a1ad
```
#74a1ad rgb(116,161,173)
```
#80a9b5
```
#80a9b5 rgb(128,169,181)
```
#8cb1bc
```
#8cb1bc rgb(140,177,188)
```
#99bac3
```
#99bac3 rgb(153,186,195)
```
#a5c2ca
```
#a5c2ca rgb(165,194,202)
```
#b1cbd2
```
#b1cbd2 rgb(177,203,210)
```
#bed3d9
```
#bed3d9 rgb(190,211,217)
```
#cadbe0
```
#cadbe0 rgb(202,219,224)
```
#d7e4e7
```
#d7e4e7 rgb(215,228,231)
```
#e3ecef
```
#e3ecef rgb(227,236,239)
```
#eff4f6
```
#eff4f6 rgb(239,244,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#707576
```
#707576 rgb(112,117,118)
```
#677a7f
```
#677a7f rgb(103,122,127)
```
#5e7f88
```
#5e7f88 rgb(94,127,136)
```
#558491
```
#558491 rgb(85,132,145)
```
#4c899a
```
#4c899a rgb(76,137,154)
```
#438ea3
```
#438ea3 rgb(67,142,163)
```
#3a93ac
```
#3a93ac rgb(58,147,172)
```
#3298b4
```
#3298b4 rgb(50,152,180)
```
#299dbd
```
#299dbd rgb(41,157,189)
```
#20a2c6
```
#20a2c6 rgb(32,162,198)
```
#17a7cf
```
#17a7cf rgb(23,167,207)
```
#0eacd8
```
#0eacd8 rgb(14,172,216)
```
#05b1e1
```
#05b1e1 rgb(5,177,225)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#707a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#818292 Protanopia 1% of men
#84809a Deuteranopia 1% of men
#5d8a94 Tritanopia 0.001% of the population

Trichromacy

#718391 Protanomaly 1% of men, 0.01% of women
#738296 Deuteranomaly 6% of men, 0.4% of women
#5a8893 Tritanomaly 0.01% of the population

#558491 hex color

#558491 Color Information

#558491 Color Conversion

Color Schemes with #558491

Alternatives to #558491

#558491 Preview

Shades and Tints of #558491

Tones of #558491

Color Blindness Simulator