#558bec Color Information

In a RGB color space, hex #558bec is composed of 33.3% red, 54.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 41.1% magenta, 0% yellow and 7.5% black. It has a hue angle of 218.5 degrees, a saturation of 79.9% and a lightness of 62.9%. #558bec color hex could be obtained by blending #aaffff with #0017d9. Closest websafe color is: #6699ff.

    • R 33
    • G 55
    • B 93
    RGB color chart
    • C 64
    • M 41
    • Y 0
    • K 7
    CMYK color chart

#558bec color description : Soft blue.

#558bec Color Conversion

The hexadecimal color #558bec has RGB values of R:85, G:139, B:236 and CMYK values of C:0.64, M:0.41, Y:0, K:0.07. Its decimal value is 5606380.

Hex triplet 558bec #558bec
RGB Decimal 85, 139, 236 rgb(85,139,236)
RGB Percent 33.3, 54.5, 92.5 rgb(33.3%,54.5%,92.5%)
CMYK 64, 41, 0, 7
HSL 218.5°, 79.9, 62.9 hsl(218.5,79.9%,62.9%)
HSV (or HSB) 218.5°, 64, 92.5
Web Safe 6699ff #6699ff
CIE-LAB 58.463, 12.192, -54.298
XYZ 28.116, 26.451, 82.976
xyY 0.204, 0.192, 26.451
CIE-LCH 58.463, 55.65, 282.655
CIE-LUV 58.463, -23.509, -87.427
Hunter-Lab 51.43, 7.579, -59.655
Binary 01010101, 10001011, 11101100

Color Schemes with #558bec

Complementary Color
Analogous Color
Split Complementary Color
Triadic Color
Tetradic Color
Monochromatic Color

Alternatives to #558bec

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

Similar Colors

#558bec Preview

Text with hexadecimal color #558bec

This text has a font color of #558bec.

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

This paragraph has a background color of #558bec.

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

This element has a border color of #558bec.

<div style="border:1px solid #558bec;">Content here</div>
CSS codes
.text {color:#558bec;}
.background {background-color:#558bec;}
.border {border:1px solid #558bec;}

Shades and Tints of #558bec

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

Shade Color Variation
Tint Color Variation

Tones of #558bec

A tone is produced by adding gray to any pure hue. In this case, #9ea0a3 is the less saturated color, while #4687fb is the most saturated one.

Tone Color Variation

Color Blindness Simulator

Below, you can see how #558bec 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
  • #868686 Achromatopsia 0.005% of the population
  • #7c879a Atypical Achromatopsia 0.001% of the population
Dichromacy
  • #678feb Protanopia 1% of men
  • #4b93eb Deuteranopia 1% of men
  • #27a0ab Tritanopia 0.001% of the population
Trichromacy
  • #608deb Protanomaly 1% of men, 0.01% of women
  • #4f90eb Deuteranomaly 6% of men, 0.4% of women
  • #3898c3 Tritanomaly 0.01% of the population