#558a9b hex color

In a RGB color space, hex #558a9b is composed of 33.3% red, 54.1% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 11% magenta, 0% yellow and 39.2% black. It has a hue angle of 194.6 degrees, a saturation of 29.2% and a lightness of 47.1%. #558a9b color hex could be obtained by blending #aaffff with #001537. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 54
- B 61
RGB color chart
- C 45
- M 11
- Y 0
- K 39
CMYK color chart

● #558a9b color description : Dark moderate cyan.

The hexadecimal color #558a9b has RGB values of R:85, G:138, B:155 and CMYK values of C:0.45, M:0.11, Y:0, K:0.39. Its decimal value is 5606043.

Hex triplet	558a9b	`#558a9b`
RGB Decimal	85, 138, 155	`rgb(85,138,155)`
RGB Percent	33.3, 54.1, 60.8	`rgb(33.3%,54.1%,60.8%)`
CMYK	45, 11, 0, 39
HSL	194.6°, 29.2, 47.1	`hsl(194.6,29.2%,47.1%)`
HSV (or HSB)	194.6°, 45.2, 60.8
Web Safe	669999	`#669999`

CIE-LAB	54.526, -12.928, -14.565
XYZ	18.75, 22.474, 34.358
xyY	0.248, 0.297, 22.474
CIE-LCH	54.526, 19.475, 228.407
CIE-LUV	54.526, -24.398, -19.57
Hunter-Lab	47.407, -12.363, -9.787
Binary	01010101, 10001010, 10011011

#558a9b
```
#558a9b rgb(85,138,155)
```
#9b6655
```
#9b6655 rgb(155,102,85)
```

Complementary Color

#559b89
```
#559b89 rgb(85,155,137)
```
#558a9b
```
#558a9b rgb(85,138,155)
```
#55679b
```
#55679b rgb(85,103,155)
```

Analogous Color

#9b8955
```
#9b8955 rgb(155,137,85)
```
#558a9b
```
#558a9b rgb(85,138,155)
```
#9b5567
```
#9b5567 rgb(155,85,103)
```

Split Complementary Color

#8a9b55
```
#8a9b55 rgb(138,155,85)
```
#558a9b
```
#558a9b rgb(85,138,155)
```
#9b558a
```
#9b558a rgb(155,85,138)
```

Triadic Color

#559b66
```
#559b66 rgb(85,155,102)
```
#558a9b
```
#558a9b rgb(85,138,155)
```
#9b558a
```
#9b558a rgb(155,85,138)
```
#9b6655
```
#9b6655 rgb(155,102,85)
```

Tetradic Color

#3a5e6a
```
#3a5e6a rgb(58,94,106)
```
#436d7a
```
#436d7a rgb(67,109,122)
```
#4c7b8b
```
#4c7b8b rgb(76,123,139)
```
#558a9b
```
#558a9b rgb(85,138,155)
```
#6197a8
```
#6197a8 rgb(97,151,168)
```
#72a2b1
```
#72a2b1 rgb(114,162,177)
```
#82adba
```
#82adba rgb(130,173,186)
```

Monochromatic Color

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

#559b9b
```
#559b9b rgb(85,155,155)
```
#55969b
```
#55969b rgb(85,150,155)
```
#55909b
```
#55909b rgb(85,144,155)
```
#558a9b
```
#558a9b rgb(85,138,155)
```
#55849b
```
#55849b rgb(85,132,155)
```
#557e9b
```
#557e9b rgb(85,126,155)
```
#55799b
```
#55799b rgb(85,121,155)
```

Similar Colors

Text with hexadecimal color #558a9b

This text has a font color of #558a9b.

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

#558a9b background color

This paragraph has a background color of #558a9b.

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

#558a9b border color

This element has a border color of #558a9b.

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

CSS codes

.text {color:#558a9b;}

.background {background-color:#558a9b;}

.border {border:1px solid #558a9b;}

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

#020303
```
#020303 rgb(2,3,3)
```
#090e10
```
#090e10 rgb(9,14,16)
```
#10191c
```
#10191c rgb(16,25,28)
```
#162429
```
#162429 rgb(22,36,41)
```
#1d3036
```
#1d3036 rgb(29,48,54)
```
#243b42
```
#243b42 rgb(36,59,66)
```
#2b464f
```
#2b464f rgb(43,70,79)
```
#32525c
```
#32525c rgb(50,82,92)
```
#395d68
```
#395d68 rgb(57,93,104)
```
#406875
```
#406875 rgb(64,104,117)
```
#477382
```
#477382 rgb(71,115,130)
```
#4e7f8e
```
#4e7f8e rgb(78,127,142)
```
#558a9b
```
#558a9b rgb(85,138,155)
```

Shade Color Variation

#5d95a6
```
#5d95a6 rgb(93,149,166)
```
#6a9dad
```
#6a9dad rgb(106,157,173)
```
#77a5b4
```
#77a5b4 rgb(119,165,180)
```
#83aebb
```
#83aebb rgb(131,174,187)
```
#90b6c2
```
#90b6c2 rgb(144,182,194)
```
#9dbec9
```
#9dbec9 rgb(157,190,201)
```
#a9c7d0
```
#a9c7d0 rgb(169,199,208)
```
#b6cfd7
```
#b6cfd7 rgb(182,207,215)
```
#c3d7de
```
#c3d7de rgb(195,215,222)
```
#cfe0e5
```
#cfe0e5 rgb(207,224,229)
```
#dce8ec
```
#dce8ec rgb(220,232,236)
```
#e9f0f3
```
#e9f0f3 rgb(233,240,243)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717c7f is the less saturated color, while #02b5ee is the most saturated one.

#717c7f
```
#717c7f rgb(113,124,127)
```
#678189
```
#678189 rgb(103,129,137)
```
#5e8592
```
#5e8592 rgb(94,133,146)
```
#558a9b
```
#558a9b rgb(85,138,155)
```
#4c8fa4
```
#4c8fa4 rgb(76,143,164)
```
#4393ad
```
#4393ad rgb(67,147,173)
```
#3998b7
```
#3998b7 rgb(57,152,183)
```
#309dc0
```
#309dc0 rgb(48,157,192)
```
#27a2c9
```
#27a2c9 rgb(39,162,201)
```
#1ea6d2
```
#1ea6d2 rgb(30,166,210)
```
#14abdc
```
#14abdc rgb(20,171,220)
```
#0bb0e5
```
#0bb0e5 rgb(11,176,229)
```
#02b5ee
```
#02b5ee rgb(2,181,238)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#747f82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85879b Protanopia 1% of men
#8786a3 Deuteranopia 1% of men
#5c909b Tritanopia 0.001% of the population

Trichromacy

#73889b Protanomaly 1% of men, 0.01% of women
#7587a0 Deuteranomaly 6% of men, 0.4% of women
#598e9b Tritanomaly 0.01% of the population

#558a9b hex color

#558a9b Color Information

#558a9b Color Conversion

Color Schemes with #558a9b

Alternatives to #558a9b

#558a9b Preview

Shades and Tints of #558a9b

Tones of #558a9b

Color Blindness Simulator