#0558f2 hex color

In a RGB color space, hex #0558f2 is composed of 2% red, 34.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 63.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 219 degrees, a saturation of 96% and a lightness of 48.4%. #0558f2 color hex could be obtained by blending #0ab0ff with #0000e5. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 35
- B 95
RGB color chart
- C 98
- M 64
- Y 0
- K 5
CMYK color chart

● #0558f2 color description : Vivid blue.

The hexadecimal color #0558f2 has RGB values of R:5, G:88, B:242 and CMYK values of C:0.98, M:0.64, Y:0, K:0.05. Its decimal value is 350450.

Hex triplet	0558f2	`#0558f2`
RGB Decimal	5, 88, 242	`rgb(5,88,242)`
RGB Percent	2, 34.5, 94.9	`rgb(2%,34.5%,94.9%)`
CMYK	98, 64, 0, 5
HSL	219°, 96, 48.4	`hsl(219,96%,48.4%)`
HSV (or HSB)	219°, 97.9, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.391, 39.284, -82.159
XYZ	19.576, 13.421, 85.558
xyY	0.165, 0.113, 13.421
CIE-LCH	43.391, 91.068, 295.555
CIE-LUV	43.391, -19.108, -121.509
Hunter-Lab	36.634, 31.273, -112.825
Binary	00000101, 01011000, 11110010

#0558f2
```
#0558f2 rgb(5,88,242)
```
#f29f05
```
#f29f05 rgb(242,159,5)
```

Complementary Color

#05cff2
```
#05cff2 rgb(5,207,242)
```
#0558f2
```
#0558f2 rgb(5,88,242)
```
#2905f2
```
#2905f2 rgb(41,5,242)
```

Analogous Color

#cff205
```
#cff205 rgb(207,242,5)
```
#0558f2
```
#0558f2 rgb(5,88,242)
```
#f22905
```
#f22905 rgb(242,41,5)
```

Split Complementary Color

#58f205
```
#58f205 rgb(88,242,5)
```
#0558f2
```
#0558f2 rgb(5,88,242)
```
#f20558
```
#f20558 rgb(242,5,88)
```

Triadic Color

#05f29f
```
#05f29f rgb(5,242,159)
```
#0558f2
```
#0558f2 rgb(5,88,242)
```
#f20558
```
#f20558 rgb(242,5,88)
```
#f29f05
```
#f29f05 rgb(242,159,5)
```

Tetradic Color

#033da7
```
#033da7 rgb(3,61,167)
```
#0446c0
```
#0446c0 rgb(4,70,192)
```
#044fd9
```
#044fd9 rgb(4,79,217)
```
#0558f2
```
#0558f2 rgb(5,88,242)
```
#1666fa
```
#1666fa rgb(22,102,250)
```
#2f77fb
```
#2f77fb rgb(47,119,251)
```
#4887fb
```
#4887fb rgb(72,135,251)
```

Monochromatic Color

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

#0593f2
```
#0593f2 rgb(5,147,242)
```
#0580f2
```
#0580f2 rgb(5,128,242)
```
#056cf2
```
#056cf2 rgb(5,108,242)
```
#0558f2
```
#0558f2 rgb(5,88,242)
```
#0544f2
```
#0544f2 rgb(5,68,242)
```
#0530f2
```
#0530f2 rgb(5,48,242)
```
#051df2
```
#051df2 rgb(5,29,242)
```

Similar Colors

Text with hexadecimal color #0558f2

This text has a font color of #0558f2.

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

#0558f2 background color

This paragraph has a background color of #0558f2.

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

#0558f2 border color

This element has a border color of #0558f2.

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

CSS codes

.text {color:#0558f2;}

.background {background-color:#0558f2;}

.border {border:1px solid #0558f2;}

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, #00040b is the darkest color, while #f7faff is the lightest one.

#00040b
```
#00040b rgb(0,4,11)
```
#010b1f
```
#010b1f rgb(1,11,31)
```
#011232
```
#011232 rgb(1,18,50)
```
#011945
```
#011945 rgb(1,25,69)
```
#022058
```
#022058 rgb(2,32,88)
```
#02276b
```
#02276b rgb(2,39,107)
```
#032e7f
```
#032e7f rgb(3,46,127)
```
#033592
```
#033592 rgb(3,53,146)
```
#033ca5
```
#033ca5 rgb(3,60,165)
```
#0443b8
```
#0443b8 rgb(4,67,184)
```
#044acc
```
#044acc rgb(4,74,204)
```
#0551df
```
#0551df rgb(5,81,223)
```
#0558f2
```
#0558f2 rgb(5,88,242)
```

Shade Color Variation

#1162fa
```
#1162fa rgb(17,98,250)
```
#246ffa
```
#246ffa rgb(36,111,250)
```
#377cfb
```
#377cfb rgb(55,124,251)
```
#4a88fb
```
#4a88fb rgb(74,136,251)
```
#5d95fc
```
#5d95fc rgb(93,149,252)
```
#71a1fc
```
#71a1fc rgb(113,161,252)
```
#84aefc
```
#84aefc rgb(132,174,252)
```
#97bbfd
```
#97bbfd rgb(151,187,253)
```
#aac7fd
```
#aac7fd rgb(170,199,253)
```
#bed4fe
```
#bed4fe rgb(190,212,254)
```
#d1e1fe
```
#d1e1fe rgb(209,225,254)
```
#e4edfe
```
#e4edfe rgb(228,237,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777a80 is the less saturated color, while #0558f2 is the most saturated one.

#777a80
```
#777a80 rgb(119,122,128)
```
#6e778a
```
#6e778a rgb(110,119,138)
```
#647493
```
#647493 rgb(100,116,147)
```
#5b729d
```
#5b729d rgb(91,114,157)
```
#516fa6
```
#516fa6 rgb(81,111,166)
```
#486cb0
```
#486cb0 rgb(72,108,176)
```
#3e69b9
```
#3e69b9 rgb(62,105,185)
```
#3566c3
```
#3566c3 rgb(53,102,195)
```
#2b63cc
```
#2b63cc rgb(43,99,204)
```
#2261d6
```
#2261d6 rgb(34,97,214)
```
#185edf
```
#185edf rgb(24,94,223)
```
#0f5be9
```
#0f5be9 rgb(15,91,233)
```
#0558f2
```
#0558f2 rgb(5,88,242)
```

Tone Color Variation

Below, you can see how #0558f2 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

#515151 Achromatopsia 0.005% of the population
#425271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b5 Deuteranopia 1% of men
#00797f Tritanopia 0.001% of the population

Trichromacy

#0164dd Protanomaly 1% of men, 0.01% of women
#0168cb Deuteranomaly 6% of men, 0.4% of women
#016da9 Tritanomaly 0.01% of the population

#0558f2 hex color

#0558f2 Color Information

#0558f2 Color Conversion

Color Schemes with #0558f2

Alternatives to #0558f2

#0558f2 Preview

Shades and Tints of #0558f2

Tones of #0558f2

Color Blindness Simulator