#0558e4 hex color

In a RGB color space, hex #0558e4 is composed of 2% red, 34.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 61.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 217.7 degrees, a saturation of 95.7% and a lightness of 45.7%. #0558e4 color hex could be obtained by blending #0ab0ff with #0000c9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 35
- B 89
RGB color chart
- C 98
- M 61
- Y 0
- K 11
CMYK color chart

● #0558e4 color description : Vivid blue.

The hexadecimal color #0558e4 has RGB values of R:5, G:88, B:228 and CMYK values of C:0.98, M:0.61, Y:0, K:0.11. Its decimal value is 350436.

Hex triplet	0558e4	`#0558e4`
RGB Decimal	5, 88, 228	`rgb(5,88,228)`
RGB Percent	2, 34.5, 89.4	`rgb(2%,34.5%,89.4%)`
CMYK	98, 61, 0, 11
HSL	217.7°, 95.7, 45.7	`hsl(217.7,95.7%,45.7%)`
HSV (or HSB)	217.7°, 97.8, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.172, 33.993, -76.257
XYZ	17.553, 12.612, 74.904
xyY	0.167, 0.12, 12.612
CIE-LCH	42.172, 83.49, 294.026
CIE-LUV	42.172, -19.244, -112.527
Hunter-Lab	35.513, 26.08, -100.195
Binary	00000101, 01011000, 11100100

#0558e4
```
#0558e4 rgb(5,88,228)
```
#e49105
```
#e49105 rgb(228,145,5)
```

Complementary Color

#05c8e4
```
#05c8e4 rgb(5,200,228)
```
#0558e4
```
#0558e4 rgb(5,88,228)
```
#2205e4
```
#2205e4 rgb(34,5,228)
```

Analogous Color

#c8e405
```
#c8e405 rgb(200,228,5)
```
#0558e4
```
#0558e4 rgb(5,88,228)
```
#e42105
```
#e42105 rgb(228,33,5)
```

Split Complementary Color

#58e405
```
#58e405 rgb(88,228,5)
```
#0558e4
```
#0558e4 rgb(5,88,228)
```
#e40558
```
#e40558 rgb(228,5,88)
```

Triadic Color

#05e491
```
#05e491 rgb(5,228,145)
```
#0558e4
```
#0558e4 rgb(5,88,228)
```
#e40558
```
#e40558 rgb(228,5,88)
```
#e49105
```
#e49105 rgb(228,145,5)
```

Tetradic Color

#033b99
```
#033b99 rgb(3,59,153)
```
#0445b2
```
#0445b2 rgb(4,69,178)
```
#044ecb
```
#044ecb rgb(4,78,203)
```
#0558e4
```
#0558e4 rgb(5,88,228)
```
#0962fa
```
#0962fa rgb(9,98,250)
```
#2272fa
```
#2272fa rgb(34,114,250)
```
#3b82fb
```
#3b82fb rgb(59,130,251)
```

Monochromatic Color

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

#0590e4
```
#0590e4 rgb(5,144,228)
```
#057de4
```
#057de4 rgb(5,125,228)
```
#056be4
```
#056be4 rgb(5,107,228)
```
#0558e4
```
#0558e4 rgb(5,88,228)
```
#0545e4
```
#0545e4 rgb(5,69,228)
```
#0533e4
```
#0533e4 rgb(5,51,228)
```
#0520e4
```
#0520e4 rgb(5,32,228)
```

Similar Colors

Text with hexadecimal color #0558e4

This text has a font color of #0558e4.

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

#0558e4 background color

This paragraph has a background color of #0558e4.

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

#0558e4 border color

This element has a border color of #0558e4.

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

CSS codes

.text {color:#0558e4;}

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

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

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

#000711
```
#000711 rgb(0,7,17)
```
#010e24
```
#010e24 rgb(1,14,36)
```
#011537
```
#011537 rgb(1,21,55)
```
#021d4a
```
#021d4a rgb(2,29,74)
```
#02245e
```
#02245e rgb(2,36,94)
```
#022c71
```
#022c71 rgb(2,44,113)
```
#033384
```
#033384 rgb(3,51,132)
```
#033a97
```
#033a97 rgb(3,58,151)
```
#0442aa
```
#0442aa rgb(4,66,170)
```
#0449be
```
#0449be rgb(4,73,190)
```
#0551d1
```
#0551d1 rgb(5,81,209)
```
#0558e4
```
#0558e4 rgb(5,88,228)
```
#055ff7
```
#055ff7 rgb(5,95,247)
```

Shade Color Variation

#166bfa
```
#166bfa rgb(22,107,250)
```
#2a77fa
```
#2a77fa rgb(42,119,250)
```
#3d83fb
```
#3d83fb rgb(61,131,251)
```
#5090fb
```
#5090fb rgb(80,144,251)
```
#639cfc
```
#639cfc rgb(99,156,252)
```
#76a8fc
```
#76a8fc rgb(118,168,252)
```
#89b4fc
```
#89b4fc rgb(137,180,252)
```
#9dc0fd
```
#9dc0fd rgb(157,192,253)
```
#b0cdfd
```
#b0cdfd rgb(176,205,253)
```
#c3d9fe
```
#c3d9fe rgb(195,217,254)
```
#d6e5fe
```
#d6e5fe rgb(214,229,254)
```
#e9f1ff
```
#e9f1ff rgb(233,241,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#717378
```
#717378 rgb(113,115,120)
```
#687181
```
#687181 rgb(104,113,129)
```
#5f6f8a
```
#5f6f8a rgb(95,111,138)
```
#566d93
```
#566d93 rgb(86,109,147)
```
#4d6a9c
```
#4d6a9c rgb(77,106,156)
```
#4468a5
```
#4468a5 rgb(68,104,165)
```
#3b66ae
```
#3b66ae rgb(59,102,174)
```
#3263b7
```
#3263b7 rgb(50,99,183)
```
#2961c0
```
#2961c0 rgb(41,97,192)
```
#205fc9
```
#205fc9 rgb(32,95,201)
```
#175dd2
```
#175dd2 rgb(23,93,210)
```
#0e5adb
```
#0e5adb rgb(14,90,219)
```
#0558e4
```
#0558e4 rgb(5,88,228)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#40516d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#0162d4 Protanomaly 1% of men, 0.01% of women
#0166c3 Deuteranomaly 6% of men, 0.4% of women
#016ba1 Tritanomaly 0.01% of the population

#0558e4 hex color

#0558e4 Color Information

#0558e4 Color Conversion

Color Schemes with #0558e4

Alternatives to #0558e4

#0558e4 Preview

Shades and Tints of #0558e4

Tones of #0558e4

Color Blindness Simulator