#0558b2 hex color

In a RGB color space, hex #0558b2 is composed of 2% red, 34.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 97.2% cyan, 50.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 211.2 degrees, a saturation of 94.5% and a lightness of 35.9%. #0558b2 color hex could be obtained by blending #0ab0ff with #000065. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 2
- G 35
- B 70
RGB color chart
- C 97
- M 51
- Y 0
- K 30
CMYK color chart

● #0558b2 color description : Dark blue.

The hexadecimal color #0558b2 has RGB values of R:5, G:88, B:178 and CMYK values of C:0.97, M:0.51, Y:0, K:0.3. Its decimal value is 350386.

Hex triplet	0558b2	`#0558b2`
RGB Decimal	5, 88, 178	`rgb(5,88,178)`
RGB Percent	2, 34.5, 69.8	`rgb(2%,34.5%,69.8%)`
CMYK	97, 51, 0, 30
HSL	211.2°, 94.5, 35.9	`hsl(211.2,94.5%,35.9%)`
HSV (or HSB)	211.2°, 97.2, 69.8
Web Safe	006699	`#006699`

CIE-LAB	38.243, 14.11, -53.756
XYZ	11.586, 10.225, 43.48
xyY	0.177, 0.157, 10.225
CIE-LCH	38.243, 55.577, 284.707
CIE-LUV	38.243, -20.359, -77.96
Hunter-Lab	31.977, 8.719, -58.236
Binary	00000101, 01011000, 10110010

#0558b2
```
#0558b2 rgb(5,88,178)
```
#b25f05
```
#b25f05 rgb(178,95,5)
```

Complementary Color

#05afb2
```
#05afb2 rgb(5,175,178)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```
#0905b2
```
#0905b2 rgb(9,5,178)
```

Analogous Color

#afb205
```
#afb205 rgb(175,178,5)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```
#b20905
```
#b20905 rgb(178,9,5)
```

Split Complementary Color

#58b205
```
#58b205 rgb(88,178,5)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```
#b20558
```
#b20558 rgb(178,5,88)
```

Triadic Color

#05b25f
```
#05b25f rgb(5,178,95)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```
#b20558
```
#b20558 rgb(178,5,88)
```
#b25f05
```
#b25f05 rgb(178,95,5)
```

Tetradic Color

#033368
```
#033368 rgb(3,51,104)
```
#043f80
```
#043f80 rgb(4,63,128)
```
#044c99
```
#044c99 rgb(4,76,153)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```
#0664cb
```
#0664cb rgb(6,100,203)
```
#0671e4
```
#0671e4 rgb(6,113,228)
```
#0b7df8
```
#0b7df8 rgb(11,125,248)
```

Monochromatic Color

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

#0583b2
```
#0583b2 rgb(5,131,178)
```
#0575b2
```
#0575b2 rgb(5,117,178)
```
#0566b2
```
#0566b2 rgb(5,102,178)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```
#054ab2
```
#054ab2 rgb(5,74,178)
```
#053bb2
```
#053bb2 rgb(5,59,178)
```
#052db2
```
#052db2 rgb(5,45,178)
```

Similar Colors

Text with hexadecimal color #0558b2

This text has a font color of #0558b2.

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

#0558b2 background color

This paragraph has a background color of #0558b2.

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

#0558b2 border color

This element has a border color of #0558b2.

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

CSS codes

.text {color:#0558b2;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010d19
```
#010d19 rgb(1,13,25)
```
#01162c
```
#01162c rgb(1,22,44)
```
#021f40
```
#021f40 rgb(2,31,64)
```
#022953
```
#022953 rgb(2,41,83)
```
#033266
```
#033266 rgb(3,50,102)
```
#033c79
```
#033c79 rgb(3,60,121)
```
#04458c
```
#04458c rgb(4,69,140)
```
#044f9f
```
#044f9f rgb(4,79,159)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```
#0661c5
```
#0661c5 rgb(6,97,197)
```
#066bd8
```
#066bd8 rgb(6,107,216)
```
#0774eb
```
#0774eb rgb(7,116,235)
```

Shade Color Variation

#0d7ef8
```
#0d7ef8 rgb(13,126,248)
```
#2088f9
```
#2088f9 rgb(32,136,249)
```
#3392f9
```
#3392f9 rgb(51,146,249)
```
#469dfa
```
#469dfa rgb(70,157,250)
```
#5aa7fa
```
#5aa7fa rgb(90,167,250)
```
#6db1fb
```
#6db1fb rgb(109,177,251)
```
#80bbfb
```
#80bbfb rgb(128,187,251)
```
#93c5fc
```
#93c5fc rgb(147,197,252)
```
#a6cffc
```
#a6cffc rgb(166,207,252)
```
#b9dafd
```
#b9dafd rgb(185,218,253)
```
#cce4fe
```
#cce4fe rgb(204,228,254)
```
#dfeefe
```
#dfeefe rgb(223,238,254)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

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

#595b5e
```
#595b5e rgb(89,91,94)
```
#525b65
```
#525b65 rgb(82,91,101)
```
#4b5b6c
```
#4b5b6c rgb(75,91,108)
```
#445b73
```
#445b73 rgb(68,91,115)
```
#3d5a7a
```
#3d5a7a rgb(61,90,122)
```
#365a81
```
#365a81 rgb(54,90,129)
```
#2f5a88
```
#2f5a88 rgb(47,90,136)
```
#28598f
```
#28598f rgb(40,89,143)
```
#215996
```
#215996 rgb(33,89,150)
```
#1a599d
```
#1a599d rgb(26,89,157)
```
#1359a4
```
#1359a4 rgb(19,89,164)
```
#0c58ab
```
#0c58ab rgb(12,88,171)
```
#0558b2
```
#0558b2 rgb(5,88,178)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#3b4c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#265fb5 Protanopia 1% of men
#0064a4 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1a5cb3 Protanomaly 1% of men, 0.01% of women
#0160a9 Deuteranomaly 6% of men, 0.4% of women
#016489 Tritanomaly 0.01% of the population

#0558b2 hex color

#0558b2 Color Information

#0558b2 Color Conversion

Color Schemes with #0558b2

Alternatives to #0558b2

#0558b2 Preview

Shades and Tints of #0558b2

Tones of #0558b2

Color Blindness Simulator