#0557b2 hex color

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

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

● #0557b2 color description : Dark blue.

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

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

CIE-LAB	37.953, 14.776, -54.225
XYZ	11.505, 10.062, 43.453
xyY	0.177, 0.155, 10.062
CIE-LCH	37.953, 56.202, 285.243
CIE-LUV	37.953, -20.064, -78.473
Hunter-Lab	31.721, 9.23, -59.015
Binary	00000101, 01010111, 10110010

#0557b2
```
#0557b2 rgb(5,87,178)
```
#b26005
```
#b26005 rgb(178,96,5)
```

Complementary Color

#05aeb2
```
#05aeb2 rgb(5,174,178)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```
#0a05b2
```
#0a05b2 rgb(10,5,178)
```

Analogous Color

#aeb205
```
#aeb205 rgb(174,178,5)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```
#b20a05
```
#b20a05 rgb(178,10,5)
```

Split Complementary Color

#57b205
```
#57b205 rgb(87,178,5)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```
#b20557
```
#b20557 rgb(178,5,87)
```

Triadic Color

#05b260
```
#05b260 rgb(5,178,96)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```
#b20557
```
#b20557 rgb(178,5,87)
```
#b26005
```
#b26005 rgb(178,96,5)
```

Tetradic Color

#033368
```
#033368 rgb(3,51,104)
```
#043f80
```
#043f80 rgb(4,63,128)
```
#044b99
```
#044b99 rgb(4,75,153)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```
#0663cb
```
#0663cb rgb(6,99,203)
```
#066fe4
```
#066fe4 rgb(6,111,228)
```
#0b7cf8
```
#0b7cf8 rgb(11,124,248)
```

Monochromatic Color

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

#0582b2
```
#0582b2 rgb(5,130,178)
```
#0574b2
```
#0574b2 rgb(5,116,178)
```
#0565b2
```
#0565b2 rgb(5,101,178)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```
#0549b2
```
#0549b2 rgb(5,73,178)
```
#053ab2
```
#053ab2 rgb(5,58,178)
```
#052cb2
```
#052cb2 rgb(5,44,178)
```

Similar Colors

Text with hexadecimal color #0557b2

This text has a font color of #0557b2.

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

#0557b2 background color

This paragraph has a background color of #0557b2.

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

#0557b2 border color

This element has a border color of #0557b2.

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

CSS codes

.text {color:#0557b2;}

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

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

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)
```
#010c19
```
#010c19 rgb(1,12,25)
```
#01162c
```
#01162c rgb(1,22,44)
```
#021f40
```
#021f40 rgb(2,31,64)
```
#022853
```
#022853 rgb(2,40,83)
```
#033266
```
#033266 rgb(3,50,102)
```
#033b79
```
#033b79 rgb(3,59,121)
```
#04448c
```
#04448c rgb(4,68,140)
```
#044e9f
```
#044e9f rgb(4,78,159)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```
#0660c5
```
#0660c5 rgb(6,96,197)
```
#066ad8
```
#066ad8 rgb(6,106,216)
```
#0773eb
```
#0773eb rgb(7,115,235)
```

Shade Color Variation

#0d7df8
```
#0d7df8 rgb(13,125,248)
```
#2087f9
```
#2087f9 rgb(32,135,249)
```
#3391f9
```
#3391f9 rgb(51,145,249)
```
#469bfa
```
#469bfa rgb(70,155,250)
```
#5aa6fa
```
#5aa6fa rgb(90,166,250)
```
#6db0fb
```
#6db0fb rgb(109,176,251)
```
#80bafb
```
#80bafb rgb(128,186,251)
```
#93c5fc
```
#93c5fc rgb(147,197,252)
```
#a6cffc
```
#a6cffc rgb(166,207,252)
```
#b9d9fd
```
#b9d9fd rgb(185,217,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 #0557b2 is the most saturated one.

#595b5e
```
#595b5e rgb(89,91,94)
```
#525b65
```
#525b65 rgb(82,91,101)
```
#4b5b6c
```
#4b5b6c rgb(75,91,108)
```
#445a73
```
#445a73 rgb(68,90,115)
```
#3d5a7a
```
#3d5a7a rgb(61,90,122)
```
#365a81
```
#365a81 rgb(54,90,129)
```
#2f5988
```
#2f5988 rgb(47,89,136)
```
#28598f
```
#28598f rgb(40,89,143)
```
#215896
```
#215896 rgb(33,88,150)
```
#1a589d
```
#1a589d rgb(26,88,157)
```
#1358a4
```
#1358a4 rgb(19,88,164)
```
#0c57ab
```
#0c57ab rgb(12,87,171)
```
#0557b2
```
#0557b2 rgb(5,87,178)
```

Tone Color Variation

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

#225fb5 Protanopia 1% of men
#0064a3 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#185cb4 Protanomaly 1% of men, 0.01% of women
#015fa8 Deuteranomaly 6% of men, 0.4% of women
#016489 Tritanomaly 0.01% of the population

#0557b2 hex color

#0557b2 Color Information

#0557b2 Color Conversion

Color Schemes with #0557b2

Alternatives to #0557b2

#0557b2 Preview

Shades and Tints of #0557b2

Tones of #0557b2

Color Blindness Simulator