#558396 hex color

In a RGB color space, hex #558396 is composed of 33.3% red, 51.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 12.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 197.5 degrees, a saturation of 27.7% and a lightness of 46.1%. #558396 color hex could be obtained by blending #aaffff with #00072d. Closest websafe color is: #669999.

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

● #558396 color description : Mostly desaturated dark blue.

The hexadecimal color #558396 has RGB values of R:85, G:131, B:150 and CMYK values of C:0.43, M:0.13, Y:0, K:0.41. Its decimal value is 5604246.

Hex triplet	558396	`#558396`
RGB Decimal	85, 131, 150	`rgb(85,131,150)`
RGB Percent	33.3, 51.4, 58.8	`rgb(33.3%,51.4%,58.8%)`
CMYK	43, 13, 0, 41
HSL	197.5°, 27.7, 46.1	`hsl(197.5,27.7%,46.1%)`
HSV (or HSB)	197.5°, 43.3, 58.8
Web Safe	669999	`#669999`

CIE-LAB	52.247, -10.448, -15.121
XYZ	17.366, 20.365, 31.868
xyY	0.25, 0.293, 20.365
CIE-LCH	52.247, 18.38, 235.357
CIE-LUV	52.247, -21.621, -20.596
Hunter-Lab	45.128, -10.282, -10.28
Binary	01010101, 10000011, 10010110

#558396
```
#558396 rgb(85,131,150)
```
#966855
```
#966855 rgb(150,104,85)
```

Complementary Color

#559689
```
#559689 rgb(85,150,137)
```
#558396
```
#558396 rgb(85,131,150)
```
#556396
```
#556396 rgb(85,99,150)
```

Analogous Color

#968955
```
#968955 rgb(150,137,85)
```
#558396
```
#558396 rgb(85,131,150)
```
#965563
```
#965563 rgb(150,85,99)
```

Split Complementary Color

#839655
```
#839655 rgb(131,150,85)
```
#558396
```
#558396 rgb(85,131,150)
```
#965583
```
#965583 rgb(150,85,131)
```

Triadic Color

#559668
```
#559668 rgb(85,150,104)
```
#558396
```
#558396 rgb(85,131,150)
```
#965583
```
#965583 rgb(150,85,131)
```
#966855
```
#966855 rgb(150,104,85)
```

Tetradic Color

#395865
```
#395865 rgb(57,88,101)
```
#436775
```
#436775 rgb(67,103,117)
```
#4c7586
```
#4c7586 rgb(76,117,134)
```
#558396
```
#558396 rgb(85,131,150)
```
#6091a5
```
#6091a5 rgb(96,145,165)
```
#709cae
```
#709cae rgb(112,156,174)
```
#80a7b7
```
#80a7b7 rgb(128,167,183)
```

Monochromatic Color

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

#559396
```
#559396 rgb(85,147,150)
```
#558e96
```
#558e96 rgb(85,142,150)
```
#558896
```
#558896 rgb(85,136,150)
```
#558396
```
#558396 rgb(85,131,150)
```
#557e96
```
#557e96 rgb(85,126,150)
```
#557896
```
#557896 rgb(85,120,150)
```
#557396
```
#557396 rgb(85,115,150)
```

Similar Colors

Text with hexadecimal color #558396

This text has a font color of #558396.

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

#558396 background color

This paragraph has a background color of #558396.

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

#558396 border color

This element has a border color of #558396.

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

CSS codes

.text {color:#558396;}

.background {background-color:#558396;}

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

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

#070b0c
```
#070b0c rgb(7,11,12)
```
#0e1619
```
#0e1619 rgb(14,22,25)
```
#152125
```
#152125 rgb(21,33,37)
```
#1c2c32
```
#1c2c32 rgb(28,44,50)
```
#23363e
```
#23363e rgb(35,54,62)
```
#2a414b
```
#2a414b rgb(42,65,75)
```
#324c57
```
#324c57 rgb(50,76,87)
```
#395764
```
#395764 rgb(57,87,100)
```
#406270
```
#406270 rgb(64,98,112)
```
#476d7d
```
#476d7d rgb(71,109,125)
```
#4e7889
```
#4e7889 rgb(78,120,137)
```
#558396
```
#558396 rgb(85,131,150)
```
#5c8ea3
```
#5c8ea3 rgb(92,142,163)
```

Shade Color Variation

#6997aa
```
#6997aa rgb(105,151,170)
```
#759fb1
```
#759fb1 rgb(117,159,177)
```
#82a8b8
```
#82a8b8 rgb(130,168,184)
```
#8eb1bf
```
#8eb1bf rgb(142,177,191)
```
#9bb9c6
```
#9bb9c6 rgb(155,185,198)
```
#a7c2cd
```
#a7c2cd rgb(167,194,205)
```
#b4cbd4
```
#b4cbd4 rgb(180,203,212)
```
#c0d3db
```
#c0d3db rgb(192,211,219)
```
#cddce2
```
#cddce2 rgb(205,220,226)
```
#d9e5ea
```
#d9e5ea rgb(217,229,234)
```
#e6edf1
```
#e6edf1 rgb(230,237,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#70787b
```
#70787b rgb(112,120,123)
```
#677b84
```
#677b84 rgb(103,123,132)
```
#5e7f8d
```
#5e7f8d rgb(94,127,141)
```
#558396
```
#558396 rgb(85,131,150)
```
#4c879f
```
#4c879f rgb(76,135,159)
```
#438ba8
```
#438ba8 rgb(67,139,168)
```
#3a8eb1
```
#3a8eb1 rgb(58,142,177)
```
#3192ba
```
#3192ba rgb(49,146,186)
```
#2896c3
```
#2896c3 rgb(40,150,195)
```
#1f9acc
```
#1f9acc rgb(31,154,204)
```
#169dd5
```
#169dd5 rgb(22,157,213)
```
#0da1de
```
#0da1de rgb(13,161,222)
```
#04a5e7
```
#04a5e7 rgb(4,165,231)
```

Tone Color Variation

Below, you can see how #558396 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
#70797d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8297 Protanopia 1% of men
#81809e Deuteranopia 1% of men
#5b8a94 Tritanopia 0.001% of the population

Trichromacy

#6f8296 Protanomaly 1% of men, 0.01% of women
#71819b Deuteranomaly 6% of men, 0.4% of women
#598795 Tritanomaly 0.01% of the population

#558396 hex color

#558396 Color Information

#558396 Color Conversion

Color Schemes with #558396

Alternatives to #558396

#558396 Preview

Shades and Tints of #558396

Tones of #558396

Color Blindness Simulator