#0557c2 hex color

In a RGB color space, hex #0557c2 is composed of 2% red, 34.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 55.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 214 degrees, a saturation of 95% and a lightness of 39%. #0557c2 color hex could be obtained by blending #0aaeff with #000085. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 34
- B 76
RGB color chart
- C 97
- M 55
- Y 0
- K 24
CMYK color chart

● #0557c2 color description : Strong blue.

The hexadecimal color #0557c2 has RGB values of R:5, G:87, B:194 and CMYK values of C:0.97, M:0.55, Y:0, K:0.24. Its decimal value is 350146.

Hex triplet	0557c2	`#0557c2`
RGB Decimal	5, 87, 194	`rgb(5,87,194)`
RGB Percent	2, 34.1, 76.1	`rgb(2%,34.1%,76.1%)`
CMYK	97, 55, 0, 24
HSL	214°, 95, 39	`hsl(214,95%,39%)`
HSV (or HSB)	214°, 97.4, 76.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.143, 21.283, -61.669
XYZ	13.206, 10.743, 52.413
xyY	0.173, 0.141, 10.743
CIE-LCH	39.143, 65.239, 289.041
CIE-LUV	39.143, -19.606, -89.946
Hunter-Lab	32.776, 14.565, -71.871
Binary	00000101, 01010111, 11000010

#0557c2
```
#0557c2 rgb(5,87,194)
```
#c27005
```
#c27005 rgb(194,112,5)
```

Complementary Color

#05b6c2
```
#05b6c2 rgb(5,182,194)
```
#0557c2
```
#0557c2 rgb(5,87,194)
```
#1105c2
```
#1105c2 rgb(17,5,194)
```

Analogous Color

#b6c205
```
#b6c205 rgb(182,194,5)
```
#0557c2
```
#0557c2 rgb(5,87,194)
```
#c21105
```
#c21105 rgb(194,17,5)
```

Split Complementary Color

#57c205
```
#57c205 rgb(87,194,5)
```
#0557c2
```
#0557c2 rgb(5,87,194)
```
#c20557
```
#c20557 rgb(194,5,87)
```

Triadic Color

#05c270
```
#05c270 rgb(5,194,112)
```
#0557c2
```
#0557c2 rgb(5,87,194)
```
#c20557
```
#c20557 rgb(194,5,87)
```
#c27005
```
#c27005 rgb(194,112,5)
```

Tetradic Color

#033677
```
#033677 rgb(3,54,119)
```
#044190
```
#044190 rgb(4,65,144)
```
#044ca9
```
#044ca9 rgb(4,76,169)
```
#0557c2
```
#0557c2 rgb(5,87,194)
```
#0662db
```
#0662db rgb(6,98,219)
```
#066df4
```
#066df4 rgb(6,109,244)
```
#1a7bf9
```
#1a7bf9 rgb(26,123,249)
```

Monochromatic Color

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

#0586c2
```
#0586c2 rgb(5,134,194)
```
#0577c2
```
#0577c2 rgb(5,119,194)
```
#0567c2
```
#0567c2 rgb(5,103,194)
```
#0557c2
```
#0557c2 rgb(5,87,194)
```
#0547c2
```
#0547c2 rgb(5,71,194)
```
#0538c2
```
#0538c2 rgb(5,56,194)
```
#0528c2
```
#0528c2 rgb(5,40,194)
```

Similar Colors

Text with hexadecimal color #0557c2

This text has a font color of #0557c2.

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

#0557c2 background color

This paragraph has a background color of #0557c2.

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

#0557c2 border color

This element has a border color of #0557c2.

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

CSS codes

.text {color:#0557c2;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010a16
```
#010a16 rgb(1,10,22)
```
#011229
```
#011229 rgb(1,18,41)
```
#021b3c
```
#021b3c rgb(2,27,60)
```
#02244f
```
#02244f rgb(2,36,79)
```
#032c62
```
#032c62 rgb(3,44,98)
```
#033576
```
#033576 rgb(3,53,118)
```
#043d89
```
#043d89 rgb(4,61,137)
```
#04469c
```
#04469c rgb(4,70,156)
```
#054eaf
```
#054eaf rgb(5,78,175)
```
#0557c2
```
#0557c2 rgb(5,87,194)
```
#0560d5
```
#0560d5 rgb(5,96,213)
```
#0668e8
```
#0668e8 rgb(6,104,232)
```

Shade Color Variation

#0971f9
```
#0971f9 rgb(9,113,249)
```
#1c7cf9
```
#1c7cf9 rgb(28,124,249)
```
#2f87fa
```
#2f87fa rgb(47,135,250)
```
#4392fa
```
#4392fa rgb(67,146,250)
```
#569dfb
```
#569dfb rgb(86,157,251)
```
#69a8fb
```
#69a8fb rgb(105,168,251)
```
#7cb3fc
```
#7cb3fc rgb(124,179,252)
```
#8fbefc
```
#8fbefc rgb(143,190,252)
```
#a2c9fd
```
#a2c9fd rgb(162,201,253)
```
#b5d4fd
```
#b5d4fd rgb(181,212,253)
```
#c8dffe
```
#c8dffe rgb(200,223,254)
```
#dcebfe
```
#dcebfe rgb(220,235,254)
```
#eff6ff
```
#eff6ff rgb(239,246,255)
```

Tint Color Variation

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

#616366
```
#616366 rgb(97,99,102)
```
#59626e
```
#59626e rgb(89,98,110)
```
#526175
```
#526175 rgb(82,97,117)
```
#4a607d
```
#4a607d rgb(74,96,125)
```
#425f85
```
#425f85 rgb(66,95,133)
```
#3b5e8c
```
#3b5e8c rgb(59,94,140)
```
#335d94
```
#335d94 rgb(51,93,148)
```
#2b5c9c
```
#2b5c9c rgb(43,92,156)
```
#245ba3
```
#245ba3 rgb(36,91,163)
```
#1c5aab
```
#1c5aab rgb(28,90,171)
```
#1459b3
```
#1459b3 rgb(20,89,179)
```
#0d58ba
```
#0d58ba rgb(13,88,186)
```
#0557c2
```
#0557c2 rgb(5,87,194)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#3d4d63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bf Protanopia 1% of men
#0067a7 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#015dc0 Protanomaly 1% of men, 0.01% of women
#0161b0 Deuteranomaly 6% of men, 0.4% of women
#016690 Tritanomaly 0.01% of the population

#0557c2 hex color

#0557c2 Color Information

#0557c2 Color Conversion

Color Schemes with #0557c2

Alternatives to #0557c2

#0557c2 Preview

Shades and Tints of #0557c2

Tones of #0557c2

Color Blindness Simulator