#5557b8 hex color

In a RGB color space, hex #5557b8 is composed of 33.3% red, 34.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 52.7% magenta, 0% yellow and 27.8% black. It has a hue angle of 238.8 degrees, a saturation of 41.1% and a lightness of 52.7%. #5557b8 color hex could be obtained by blending #aaaeff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 34
- B 72
RGB color chart
- C 54
- M 53
- Y 0
- K 28
CMYK color chart

● #5557b8 color description : Moderate blue.

The hexadecimal color #5557b8 has RGB values of R:85, G:87, B:184 and CMYK values of C:0.54, M:0.53, Y:0, K:0.28. Its decimal value is 5593016.

Hex triplet	5557b8	`#5557b8`
RGB Decimal	85, 87, 184	`rgb(85,87,184)`
RGB Percent	33.3, 34.1, 72.2	`rgb(33.3%,34.1%,72.2%)`
CMYK	54, 53, 0, 28
HSL	238.8°, 41.1, 52.7	`hsl(238.8,41.1%,52.7%)`
HSV (or HSB)	238.8°, 53.8, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.544, 26.912, -51.794
XYZ	15.805, 12.208, 46.868
xyY	0.211, 0.163, 12.208
CIE-LCH	41.544, 58.369, 297.456
CIE-LUV	41.544, -6.289, -78.17
Hunter-Lab	34.94, 19.598, -55.074
Binary	01010101, 01010111, 10111000

#5557b8
```
#5557b8 rgb(85,87,184)
```
#b8b655
```
#b8b655 rgb(184,182,85)
```

Complementary Color

#5589b8
```
#5589b8 rgb(85,137,184)
```
#5557b8
```
#5557b8 rgb(85,87,184)
```
#8555b8
```
#8555b8 rgb(133,85,184)
```

Analogous Color

#89b855
```
#89b855 rgb(137,184,85)
```
#5557b8
```
#5557b8 rgb(85,87,184)
```
#b88555
```
#b88555 rgb(184,133,85)
```

Split Complementary Color

#57b855
```
#57b855 rgb(87,184,85)
```
#5557b8
```
#5557b8 rgb(85,87,184)
```
#b85557
```
#b85557 rgb(184,85,87)
```

Triadic Color

#55b8b6
```
#55b8b6 rgb(85,184,182)
```
#5557b8
```
#5557b8 rgb(85,87,184)
```
#b85557
```
#b85557 rgb(184,85,87)
```
#b8b655
```
#b8b655 rgb(184,182,85)
```

Tetradic Color

#393a88
```
#393a88 rgb(57,58,136)
```
#40429a
```
#40429a rgb(64,66,154)
```
#484aac
```
#484aac rgb(72,74,172)
```
#5557b8
```
#5557b8 rgb(85,87,184)
```
#6769c0
```
#6769c0 rgb(103,105,192)
```
#797bc7
```
#797bc7 rgb(121,123,199)
```
#8b8ccf
```
#8b8ccf rgb(139,140,207)
```

Monochromatic Color

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

#5570b8
```
#5570b8 rgb(85,112,184)
```
#5568b8
```
#5568b8 rgb(85,104,184)
```
#555fb8
```
#555fb8 rgb(85,95,184)
```
#5557b8
```
#5557b8 rgb(85,87,184)
```
#5b55b8
```
#5b55b8 rgb(91,85,184)
```
#6355b8
```
#6355b8 rgb(99,85,184)
```
#6c55b8
```
#6c55b8 rgb(108,85,184)
```

Similar Colors

Text with hexadecimal color #5557b8

This text has a font color of #5557b8.

<span style="color:#5557b8;">Text here</span>

#5557b8 background color

This paragraph has a background color of #5557b8.

<p style="background-color:#5557b8;">Content here</p>

#5557b8 border color

This element has a border color of #5557b8.

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

CSS codes

.text {color:#5557b8;}

.background {background-color:#5557b8;}

.border {border:1px solid #5557b8;}

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, #04040a is the darkest color, while #fbfbfd is the lightest one.

#04040a
```
#04040a rgb(4,4,10)
```
#0a0a18
```
#0a0a18 rgb(10,10,24)
```
#101026
```
#101026 rgb(16,16,38)
```
#151633
```
#151633 rgb(21,22,51)
```
#1b1c41
```
#1b1c41 rgb(27,28,65)
```
#21224f
```
#21224f rgb(33,34,79)
```
#27285d
```
#27285d rgb(39,40,93)
```
#2d2e6b
```
#2d2e6b rgb(45,46,107)
```
#323479
```
#323479 rgb(50,52,121)
```
#383a86
```
#383a86 rgb(56,58,134)
```
#3e4094
```
#3e4094 rgb(62,64,148)
```
#4446a2
```
#4446a2 rgb(68,70,162)
```
#494cb0
```
#494cb0 rgb(73,76,176)
```

Shade Color Variation

#5557b8
```
#5557b8 rgb(85,87,184)
```
#6365be
```
#6365be rgb(99,101,190)
```
#7172c4
```
#7172c4 rgb(113,114,196)
```
#7f80c9
```
#7f80c9 rgb(127,128,201)
```
#8c8ecf
```
#8c8ecf rgb(140,142,207)
```
#9a9bd5
```
#9a9bd5 rgb(154,155,213)
```
#a8a9db
```
#a8a9db rgb(168,169,219)
```
#b6b7e0
```
#b6b7e0 rgb(182,183,224)
```
#c4c4e6
```
#c4c4e6 rgb(196,196,230)
```
#d2d2ec
```
#d2d2ec rgb(210,210,236)
```
#dfe0f2
```
#dfe0f2 rgb(223,224,242)
```
#ededf8
```
#ededf8 rgb(237,237,248)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83838a is the less saturated color, while #1419f9 is the most saturated one.

#83838a
```
#83838a rgb(131,131,138)
```
#7a7b93
```
#7a7b93 rgb(122,123,147)
```
#71729c
```
#71729c rgb(113,114,156)
```
#6869a5
```
#6869a5 rgb(104,105,165)
```
#5e60af
```
#5e60af rgb(94,96,175)
```
#5557b8
```
#5557b8 rgb(85,87,184)
```
#4c4ec1
```
#4c4ec1 rgb(76,78,193)
```
#4245cb
```
#4245cb rgb(66,69,203)
```
#393cd4
```
#393cd4 rgb(57,60,212)
```
#3033dd
```
#3033dd rgb(48,51,221)
```
#272be6
```
#272be6 rgb(39,43,230)
```
#1d22f0
```
#1d22f0 rgb(29,34,240)
```
#1419f9
```
#1419f9 rgb(20,25,249)
```

Tone Color Variation

Below, you can see how #5557b8 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

#616161 Achromatopsia 0.005% of the population
#5f5f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b67c2 Protanopia 1% of men
#006bb3 Deuteranopia 1% of men
#407179 Tritanopia 0.001% of the population

Trichromacy

#3a61be Protanomaly 1% of men, 0.01% of women
#1e64b5 Deuteranomaly 6% of men, 0.4% of women
#476790 Tritanomaly 0.01% of the population

#5557b8 hex color

#5557b8 Color Information

#5557b8 Color Conversion

Color Schemes with #5557b8

Alternatives to #5557b8

#5557b8 Preview

Shades and Tints of #5557b8

Tones of #5557b8

Color Blindness Simulator