#558f9f hex color

In a RGB color space, hex #558f9f is composed of 33.3% red, 56.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 46.5% cyan, 10.1% magenta, 0% yellow and 37.6% black. It has a hue angle of 193 degrees, a saturation of 30.3% and a lightness of 47.8%. #558f9f color hex could be obtained by blending #aaffff with #001f3f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 56
- B 62
RGB color chart
- C 47
- M 10
- Y 0
- K 38
CMYK color chart

● #558f9f color description : Dark moderate cyan.

The hexadecimal color #558f9f has RGB values of R:85, G:143, B:159 and CMYK values of C:0.47, M:0.1, Y:0, K:0.38. Its decimal value is 5607327.

Hex triplet	558f9f	`#558f9f`
RGB Decimal	85, 143, 159	`rgb(85,143,159)`
RGB Percent	33.3, 56.1, 62.4	`rgb(33.3%,56.1%,62.4%)`
CMYK	47, 10, 0, 38
HSL	193°, 30.3, 47.8	`hsl(193,30.3%,47.8%)`
HSV (or HSB)	193°, 46.5, 62.4
Web Safe	669999	`#669999`

CIE-LAB	56.166, -14.535, -14.385
XYZ	19.825, 24.078, 36.402
xyY	0.247, 0.3, 24.078
CIE-LCH	56.166, 20.449, 224.703
CIE-LUV	56.166, -26.336, -19.179
Hunter-Lab	49.07, -13.754, -9.635
Binary	01010101, 10001111, 10011111

#558f9f
```
#558f9f rgb(85,143,159)
```
#9f6555
```
#9f6555 rgb(159,101,85)
```

Complementary Color

#559f8a
```
#559f8a rgb(85,159,138)
```
#558f9f
```
#558f9f rgb(85,143,159)
```
#556a9f
```
#556a9f rgb(85,106,159)
```

Analogous Color

#9f8a55
```
#9f8a55 rgb(159,138,85)
```
#558f9f
```
#558f9f rgb(85,143,159)
```
#9f556a
```
#9f556a rgb(159,85,106)
```

Split Complementary Color

#8f9f55
```
#8f9f55 rgb(143,159,85)
```
#558f9f
```
#558f9f rgb(85,143,159)
```
#9f558f
```
#9f558f rgb(159,85,143)
```

Triadic Color

#559f65
```
#559f65 rgb(85,159,101)
```
#558f9f
```
#558f9f rgb(85,143,159)
```
#9f558f
```
#9f558f rgb(159,85,143)
```
#9f6555
```
#9f6555 rgb(159,101,85)
```

Tetradic Color

#3a626d
```
#3a626d rgb(58,98,109)
```
#43717e
```
#43717e rgb(67,113,126)
```
#4c808e
```
#4c808e rgb(76,128,142)
```
#558f9f
```
#558f9f rgb(85,143,159)
```
#629bab
```
#629bab rgb(98,155,171)
```
#73a6b4
```
#73a6b4 rgb(115,166,180)
```
#84b1bd
```
#84b1bd rgb(132,177,189)
```

Monochromatic Color

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

#559f9d
```
#559f9d rgb(85,159,157)
```
#559b9f
```
#559b9f rgb(85,155,159)
```
#55959f
```
#55959f rgb(85,149,159)
```
#558f9f
```
#558f9f rgb(85,143,159)
```
#55899f
```
#55899f rgb(85,137,159)
```
#55839f
```
#55839f rgb(85,131,159)
```
#557d9f
```
#557d9f rgb(85,125,159)
```

Similar Colors

Text with hexadecimal color #558f9f

This text has a font color of #558f9f.

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

#558f9f background color

This paragraph has a background color of #558f9f.

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

#558f9f border color

This element has a border color of #558f9f.

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

CSS codes

.text {color:#558f9f;}

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

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

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1112
```
#0a1112 rgb(10,17,18)
```
#111c1f
```
#111c1f rgb(17,28,31)
```
#18282c
```
#18282c rgb(24,40,44)
```
#1e3339
```
#1e3339 rgb(30,51,57)
```
#253f46
```
#253f46 rgb(37,63,70)
```
#2c4a52
```
#2c4a52 rgb(44,74,82)
```
#33565f
```
#33565f rgb(51,86,95)
```
#3a616c
```
#3a616c rgb(58,97,108)
```
#416d79
```
#416d79 rgb(65,109,121)
```
#477885
```
#477885 rgb(71,120,133)
```
#4e8492
```
#4e8492 rgb(78,132,146)
```
#558f9f
```
#558f9f rgb(85,143,159)
```

Shade Color Variation

#5e99a9
```
#5e99a9 rgb(94,153,169)
```
#6ba1b0
```
#6ba1b0 rgb(107,161,176)
```
#78a9b7
```
#78a9b7 rgb(120,169,183)
```
#85b1be
```
#85b1be rgb(133,177,190)
```
#92b9c5
```
#92b9c5 rgb(146,185,197)
```
#9ec2cb
```
#9ec2cb rgb(158,194,203)
```
#abcad2
```
#abcad2 rgb(171,202,210)
```
#b8d2d9
```
#b8d2d9 rgb(184,210,217)
```
#c5dae0
```
#c5dae0 rgb(197,218,224)
```
#d1e2e7
```
#d1e2e7 rgb(209,226,231)
```
#deeaee
```
#deeaee rgb(222,234,238)
```
#ebf2f4
```
#ebf2f4 rgb(235,242,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#717f83
```
#717f83 rgb(113,127,131)
```
#68848c
```
#68848c rgb(104,132,140)
```
#5e8a96
```
#5e8a96 rgb(94,138,150)
```
#558f9f
```
#558f9f rgb(85,143,159)
```
#4c94a8
```
#4c94a8 rgb(76,148,168)
```
#429ab2
```
#429ab2 rgb(66,154,178)
```
#399fbb
```
#399fbb rgb(57,159,187)
```
#2fa4c5
```
#2fa4c5 rgb(47,164,197)
```
#26aace
```
#26aace rgb(38,170,206)
```
#1dafd7
```
#1dafd7 rgb(29,175,215)
```
#13b4e1
```
#13b4e1 rgb(19,180,225)
```
#0abaea
```
#0abaea rgb(10,186,234)
```
#01bff3
```
#01bff3 rgb(1,191,243)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#778285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898b9e Protanopia 1% of men
#8b8aa7 Deuteranopia 1% of men
#5c95a0 Tritanopia 0.001% of the population

Trichromacy

#768d9e Protanomaly 1% of men, 0.01% of women
#778ba4 Deuteranomaly 6% of men, 0.4% of women
#59939f Tritanomaly 0.01% of the population

#558f9f hex color

#558f9f Color Information

#558f9f Color Conversion

Color Schemes with #558f9f

Alternatives to #558f9f

#558f9f Preview

Shades and Tints of #558f9f

Tones of #558f9f

Color Blindness Simulator