#558cb8 hex color

In a RGB color space, hex #558cb8 is composed of 33.3% red, 54.9% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 23.9% magenta, 0% yellow and 27.8% black. It has a hue angle of 206.7 degrees, a saturation of 41.1% and a lightness of 52.7%. #558cb8 color hex could be obtained by blending #aaffff with #001971. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 55
- B 72
RGB color chart
- C 54
- M 24
- Y 0
- K 28
CMYK color chart

● #558cb8 color description : Moderate blue.

The hexadecimal color #558cb8 has RGB values of R:85, G:140, B:184 and CMYK values of C:0.54, M:0.24, Y:0, K:0.28. Its decimal value is 5606584.

Hex triplet	558cb8	`#558cb8`
RGB Decimal	85, 140, 184	`rgb(85,140,184)`
RGB Percent	33.3, 54.9, 72.2	`rgb(33.3%,54.9%,72.2%)`
CMYK	54, 24, 0, 28
HSL	206.7°, 41.1, 52.7	`hsl(206.7,41.1%,52.7%)`
HSV (or HSB)	206.7°, 53.8, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.235, -5.415, -28.574
XYZ	21.774, 24.147, 48.858
xyY	0.23, 0.255, 24.147
CIE-LCH	56.235, 29.083, 259.269
CIE-LUV	56.235, -24.62, -42.928
Hunter-Lab	49.139, -6.899, -24.553
Binary	01010101, 10001100, 10111000

#558cb8
```
#558cb8 rgb(85,140,184)
```
#b88155
```
#b88155 rgb(184,129,85)
```

Complementary Color

#55b8b3
```
#55b8b3 rgb(85,184,179)
```
#558cb8
```
#558cb8 rgb(85,140,184)
```
#555bb8
```
#555bb8 rgb(85,91,184)
```

Analogous Color

#b8b355
```
#b8b355 rgb(184,179,85)
```
#558cb8
```
#558cb8 rgb(85,140,184)
```
#b8555b
```
#b8555b rgb(184,85,91)
```

Split Complementary Color

#8cb855
```
#8cb855 rgb(140,184,85)
```
#558cb8
```
#558cb8 rgb(85,140,184)
```
#b8558c
```
#b8558c rgb(184,85,140)
```

Triadic Color

#55b881
```
#55b881 rgb(85,184,129)
```
#558cb8
```
#558cb8 rgb(85,140,184)
```
#b8558c
```
#b8558c rgb(184,85,140)
```
#b88155
```
#b88155 rgb(184,129,85)
```

Tetradic Color

#396588
```
#396588 rgb(57,101,136)
```
#40729a
```
#40729a rgb(64,114,154)
```
#487fac
```
#487fac rgb(72,127,172)
```
#558cb8
```
#558cb8 rgb(85,140,184)
```
#6798c0
```
#6798c0 rgb(103,152,192)
```
#79a4c7
```
#79a4c7 rgb(121,164,199)
```
#8bb1cf
```
#8bb1cf rgb(139,177,207)
```

Monochromatic Color

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

#55a5b8
```
#55a5b8 rgb(85,165,184)
```
#559db8
```
#559db8 rgb(85,157,184)
```
#5594b8
```
#5594b8 rgb(85,148,184)
```
#558cb8
```
#558cb8 rgb(85,140,184)
```
#5584b8
```
#5584b8 rgb(85,132,184)
```
#557cb8
```
#557cb8 rgb(85,124,184)
```
#5573b8
```
#5573b8 rgb(85,115,184)
```

Similar Colors

Text with hexadecimal color #558cb8

This text has a font color of #558cb8.

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

#558cb8 background color

This paragraph has a background color of #558cb8.

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

#558cb8 border color

This element has a border color of #558cb8.

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

CSS codes

.text {color:#558cb8;}

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

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

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, #04070a is the darkest color, while #fbfcfd is the lightest one.

#04070a
```
#04070a rgb(4,7,10)
```
#0a1218
```
#0a1218 rgb(10,18,24)
```
#101c26
```
#101c26 rgb(16,28,38)
```
#152633
```
#152633 rgb(21,38,51)
```
#1b3041
```
#1b3041 rgb(27,48,65)
```
#213b4f
```
#213b4f rgb(33,59,79)
```
#27455d
```
#27455d rgb(39,69,93)
```
#2d4f6b
```
#2d4f6b rgb(45,79,107)
```
#325979
```
#325979 rgb(50,89,121)
```
#386486
```
#386486 rgb(56,100,134)
```
#3e6e94
```
#3e6e94 rgb(62,110,148)
```
#4478a2
```
#4478a2 rgb(68,120,162)
```
#4982b0
```
#4982b0 rgb(73,130,176)
```

Shade Color Variation

#558cb8
```
#558cb8 rgb(85,140,184)
```
#6395be
```
#6395be rgb(99,149,190)
```
#719fc4
```
#719fc4 rgb(113,159,196)
```
#7fa8c9
```
#7fa8c9 rgb(127,168,201)
```
#8cb1cf
```
#8cb1cf rgb(140,177,207)
```
#9abbd5
```
#9abbd5 rgb(154,187,213)
```
#a8c4db
```
#a8c4db rgb(168,196,219)
```
#b6cee0
```
#b6cee0 rgb(182,206,224)
```
#c4d7e6
```
#c4d7e6 rgb(196,215,230)
```
#d2e0ec
```
#d2e0ec rgb(210,224,236)
```
#dfeaf2
```
#dfeaf2 rgb(223,234,242)
```
#edf3f8
```
#edf3f8 rgb(237,243,248)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83878a is the less saturated color, while #1493f9 is the most saturated one.

#83878a
```
#83878a rgb(131,135,138)
```
#7a8893
```
#7a8893 rgb(122,136,147)
```
#71899c
```
#71899c rgb(113,137,156)
```
#688aa5
```
#688aa5 rgb(104,138,165)
```
#5e8baf
```
#5e8baf rgb(94,139,175)
```
#558cb8
```
#558cb8 rgb(85,140,184)
```
#4c8dc1
```
#4c8dc1 rgb(76,141,193)
```
#428ecb
```
#428ecb rgb(66,142,203)
```
#398fd4
```
#398fd4 rgb(57,143,212)
```
#3090dd
```
#3090dd rgb(48,144,221)
```
#2791e6
```
#2791e6 rgb(39,145,230)
```
#1d92f0
```
#1d92f0 rgb(29,146,240)
```
#1493f9
```
#1493f9 rgb(20,147,249)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#78838c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8bb7 Protanopia 1% of men
#7b8bbe Deuteranopia 1% of men
#5296a1 Tritanopia 0.001% of the population

Trichromacy

#708bb7 Protanomaly 1% of men, 0.01% of women
#6d8bbb Deuteranomaly 6% of men, 0.4% of women
#5392a9 Tritanomaly 0.01% of the population

#558cb8 hex color

#558cb8 Color Information

#558cb8 Color Conversion

Color Schemes with #558cb8

Alternatives to #558cb8

#558cb8 Preview

Shades and Tints of #558cb8

Tones of #558cb8

Color Blindness Simulator