#0557c4 hex color

In a RGB color space, hex #0557c4 is composed of 2% red, 34.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 97.4% cyan, 55.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 214.2 degrees, a saturation of 95% and a lightness of 39.4%. #0557c4 color hex could be obtained by blending #0aaeff with #000089. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 2
- G 34
- B 77
RGB color chart
- C 97
- M 56
- Y 0
- K 23
CMYK color chart

● #0557c4 color description : Strong blue.

The hexadecimal color #0557c4 has RGB values of R:5, G:87, B:196 and CMYK values of C:0.97, M:0.56, Y:0, K:0.23. Its decimal value is 350148.

Hex triplet	0557c4	`#0557c4`
RGB Decimal	5, 87, 196	`rgb(5,87,196)`
RGB Percent	2, 34.1, 76.9	`rgb(2%,34.1%,76.9%)`
CMYK	97, 56, 0, 23
HSL	214.2°, 95, 39.4	`hsl(214.2,95%,39.4%)`
HSV (or HSB)	214.2°, 97.4, 76.9
Web Safe	0066cc	`#0066cc`

CIE-LAB	39.298, 22.088, -62.581
XYZ	13.432, 10.833, 53.605
xyY	0.172, 0.139, 10.833
CIE-LCH	39.298, 66.365, 289.44
CIE-LUV	39.298, -19.557, -91.346
Hunter-Lab	32.914, 15.249, -73.523
Binary	00000101, 01010111, 11000100

#0557c4
```
#0557c4 rgb(5,87,196)
```
#c47205
```
#c47205 rgb(196,114,5)
```

Complementary Color

#05b7c4
```
#05b7c4 rgb(5,183,196)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```
#1205c4
```
#1205c4 rgb(18,5,196)
```

Analogous Color

#b7c405
```
#b7c405 rgb(183,196,5)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```
#c41305
```
#c41305 rgb(196,19,5)
```

Split Complementary Color

#57c405
```
#57c405 rgb(87,196,5)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```
#c40557
```
#c40557 rgb(196,5,87)
```

Triadic Color

#05c472
```
#05c472 rgb(5,196,114)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```
#c40557
```
#c40557 rgb(196,5,87)
```
#c47205
```
#c47205 rgb(196,114,5)
```

Tetradic Color

#033679
```
#033679 rgb(3,54,121)
```
#044192
```
#044192 rgb(4,65,146)
```
#044cab
```
#044cab rgb(4,76,171)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```
#0662dd
```
#0662dd rgb(6,98,221)
```
#066df6
```
#066df6 rgb(6,109,246)
```
#1c7bf9
```
#1c7bf9 rgb(28,123,249)
```

Monochromatic Color

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

#0587c4
```
#0587c4 rgb(5,135,196)
```
#0577c4
```
#0577c4 rgb(5,119,196)
```
#0567c4
```
#0567c4 rgb(5,103,196)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```
#0547c4
```
#0547c4 rgb(5,71,196)
```
#0537c4
```
#0537c4 rgb(5,55,196)
```
#0527c4
```
#0527c4 rgb(5,39,196)
```

Similar Colors

Text with hexadecimal color #0557c4

This text has a font color of #0557c4.

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

#0557c4 background color

This paragraph has a background color of #0557c4.

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

#0557c4 border color

This element has a border color of #0557c4.

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

CSS codes

.text {color:#0557c4;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#010b18
```
#010b18 rgb(1,11,24)
```
#01132b
```
#01132b rgb(1,19,43)
```
#021c3e
```
#021c3e rgb(2,28,62)
```
#022451
```
#022451 rgb(2,36,81)
```
#032d64
```
#032d64 rgb(3,45,100)
```
#033577
```
#033577 rgb(3,53,119)
```
#043e8b
```
#043e8b rgb(4,62,139)
```
#04469e
```
#04469e rgb(4,70,158)
```
#054fb1
```
#054fb1 rgb(5,79,177)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```
#055fd7
```
#055fd7 rgb(5,95,215)
```
#0668ea
```
#0668ea rgb(6,104,234)
```

Shade Color Variation

#0b71f9
```
#0b71f9 rgb(11,113,249)
```
#1e7cf9
```
#1e7cf9 rgb(30,124,249)
```
#3187fa
```
#3187fa rgb(49,135,250)
```
#4492fa
```
#4492fa rgb(68,146,250)
```
#589efb
```
#589efb rgb(88,158,251)
```
#6ba9fb
```
#6ba9fb rgb(107,169,251)
```
#7eb4fc
```
#7eb4fc rgb(126,180,252)
```
#91bffc
```
#91bffc rgb(145,191,252)
```
#a4cafd
```
#a4cafd rgb(164,202,253)
```
#b7d5fd
```
#b7d5fd rgb(183,213,253)
```
#cae0fe
```
#cae0fe rgb(202,224,254)
```
#ddebfe
```
#ddebfe rgb(221,235,254)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#626467
```
#626467 rgb(98,100,103)
```
#5a636f
```
#5a636f rgb(90,99,111)
```
#526277
```
#526277 rgb(82,98,119)
```
#4b617e
```
#4b617e rgb(75,97,126)
```
#436086
```
#436086 rgb(67,96,134)
```
#3b5f8e
```
#3b5f8e rgb(59,95,142)
```
#335e96
```
#335e96 rgb(51,94,150)
```
#2c5c9d
```
#2c5c9d rgb(44,92,157)
```
#245ba5
```
#245ba5 rgb(36,91,165)
```
#1c5aad
```
#1c5aad rgb(28,90,173)
```
#1459b5
```
#1459b5 rgb(20,89,181)
```
#0d58bc
```
#0d58bc rgb(13,88,188)
```
#0557c4
```
#0557c4 rgb(5,87,196)
```

Tone Color Variation

Below, you can see how #0557c4 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
#006f74 Tritanopia 0.001% of the population

Trichromacy

#015dc1 Protanomaly 1% of men, 0.01% of women
#0161b1 Deuteranomaly 6% of men, 0.4% of women
#016691 Tritanomaly 0.01% of the population

#0557c4 hex color

#0557c4 Color Information

#0557c4 Color Conversion

Color Schemes with #0557c4

Alternatives to #0557c4

#0557c4 Preview

Shades and Tints of #0557c4

Tones of #0557c4

Color Blindness Simulator