#558291 hex color

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

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

● #558291 color description : Mostly desaturated dark blue.

The hexadecimal color #558291 has RGB values of R:85, G:130, B:145 and CMYK values of C:0.41, M:0.1, Y:0, K:0.43. Its decimal value is 5603985.

Hex triplet	558291	`#558291`
RGB Decimal	85, 130, 145	`rgb(85,130,145)`
RGB Percent	33.3, 51, 56.9	`rgb(33.3%,51%,56.9%)`
CMYK	41, 10, 0, 43
HSL	195°, 26.1, 45.1	`hsl(195,26.1%,45.1%)`
HSV (or HSB)	195°, 41.4, 56.9
Web Safe	669999	`#669999`

CIE-LAB	51.769, -11.291, -12.933
XYZ	16.839, 19.94, 29.748
xyY	0.253, 0.3, 19.94
CIE-LCH	51.769, 17.168, 228.877
CIE-LUV	51.769, -21.273, -17.111
Hunter-Lab	44.654, -10.835, -8.24
Binary	01010101, 10000010, 10010001

#558291
```
#558291 rgb(85,130,145)
```
#916455
```
#916455 rgb(145,100,85)
```

Complementary Color

#559182
```
#559182 rgb(85,145,130)
```
#558291
```
#558291 rgb(85,130,145)
```
#556491
```
#556491 rgb(85,100,145)
```

Analogous Color

#918255
```
#918255 rgb(145,130,85)
```
#558291
```
#558291 rgb(85,130,145)
```
#915564
```
#915564 rgb(145,85,100)
```

Split Complementary Color

#829155
```
#829155 rgb(130,145,85)
```
#558291
```
#558291 rgb(85,130,145)
```
#915582
```
#915582 rgb(145,85,130)
```

Triadic Color

#559164
```
#559164 rgb(85,145,100)
```
#558291
```
#558291 rgb(85,130,145)
```
#915582
```
#915582 rgb(145,85,130)
```
#916455
```
#916455 rgb(145,100,85)
```

Tetradic Color

#395761
```
#395761 rgb(57,87,97)
```
#426571
```
#426571 rgb(66,101,113)
```
#4c7481
```
#4c7481 rgb(76,116,129)
```
#558291
```
#558291 rgb(85,130,145)
```
#5f90a1
```
#5f90a1 rgb(95,144,161)
```
#6f9baa
```
#6f9baa rgb(111,155,170)
```
#7fa7b4
```
#7fa7b4 rgb(127,167,180)
```

Monochromatic Color

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

#559191
```
#559191 rgb(85,145,145)
```
#558c91
```
#558c91 rgb(85,140,145)
```
#558791
```
#558791 rgb(85,135,145)
```
#558291
```
#558291 rgb(85,130,145)
```
#557d91
```
#557d91 rgb(85,125,145)
```
#557891
```
#557891 rgb(85,120,145)
```
#557391
```
#557391 rgb(85,115,145)
```

Similar Colors

Text with hexadecimal color #558291

This text has a font color of #558291.

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

#558291 background color

This paragraph has a background color of #558291.

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

#558291 border color

This element has a border color of #558291.

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

CSS codes

.text {color:#558291;}

.background {background-color:#558291;}

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

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)
```
#141e22
```
#141e22 rgb(20,30,34)
```
#1b292e
```
#1b292e rgb(27,41,46)
```
#22343a
```
#22343a rgb(34,52,58)
```
#2a3f47
```
#2a3f47 rgb(42,63,71)
```
#314b53
```
#314b53 rgb(49,75,83)
```
#385660
```
#385660 rgb(56,86,96)
```
#3f616c
```
#3f616c rgb(63,97,108)
```
#476c78
```
#476c78 rgb(71,108,120)
```
#4e7785
```
#4e7785 rgb(78,119,133)
```
#558291
```
#558291 rgb(85,130,145)
```
#5c8d9d
```
#5c8d9d rgb(92,141,157)
```

Shade Color Variation

#6796a6
```
#6796a6 rgb(103,150,166)
```
#749fad
```
#749fad rgb(116,159,173)
```
#80a7b5
```
#80a7b5 rgb(128,167,181)
```
#8cb0bc
```
#8cb0bc rgb(140,176,188)
```
#99b8c3
```
#99b8c3 rgb(153,184,195)
```
#a5c1ca
```
#a5c1ca rgb(165,193,202)
```
#b1c9d2
```
#b1c9d2 rgb(177,201,210)
```
#bed2d9
```
#bed2d9 rgb(190,210,217)
```
#cadbe0
```
#cadbe0 rgb(202,219,224)
```
#d7e3e7
```
#d7e3e7 rgb(215,227,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 #05aae1 is the most saturated one.

#707576
```
#707576 rgb(112,117,118)
```
#67797f
```
#67797f rgb(103,121,127)
```
#5e7e88
```
#5e7e88 rgb(94,126,136)
```
#558291
```
#558291 rgb(85,130,145)
```
#4c869a
```
#4c869a rgb(76,134,154)
```
#438ba3
```
#438ba3 rgb(67,139,163)
```
#3a8fac
```
#3a8fac rgb(58,143,172)
```
#3294b4
```
#3294b4 rgb(50,148,180)
```
#2998bd
```
#2998bd rgb(41,152,189)
```
#209dc6
```
#209dc6 rgb(32,157,198)
```
#17a1cf
```
#17a1cf rgb(23,161,207)
```
#0ea5d8
```
#0ea5d8 rgb(14,165,216)
```
#05aae1
```
#05aae1 rgb(5,170,225)
```

Tone Color Variation

Below, you can see how #558291 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
#6f787b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8192 Protanopia 1% of men
#817f99 Deuteranopia 1% of men
#5c8993 Tritanopia 0.001% of the population

Trichromacy

#6f8191 Protanomaly 1% of men, 0.01% of women
#718096 Deuteranomaly 6% of men, 0.4% of women
#598692 Tritanomaly 0.01% of the population

#558291 hex color

#558291 Color Information

#558291 Color Conversion

Color Schemes with #558291

Alternatives to #558291

#558291 Preview

Shades and Tints of #558291

Tones of #558291

Color Blindness Simulator