#5557bc hex color

In a RGB color space, hex #5557bc is composed of 33.3% red, 34.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 53.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 238.8 degrees, a saturation of 43.5% and a lightness of 53.5%. #5557bc color hex could be obtained by blending #aaaeff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 34
- B 74
RGB color chart
- C 55
- M 54
- Y 0
- K 26
CMYK color chart

● #5557bc color description : Moderate blue.

The hexadecimal color #5557bc has RGB values of R:85, G:87, B:188 and CMYK values of C:0.55, M:0.54, Y:0, K:0.26. Its decimal value is 5593020.

Hex triplet	5557bc	`#5557bc`
RGB Decimal	85, 87, 188	`rgb(85,87,188)`
RGB Percent	33.3, 34.1, 73.7	`rgb(33.3%,34.1%,73.7%)`
CMYK	55, 54, 0, 26
HSL	238.8°, 43.5, 53.5	`hsl(238.8,43.5%,53.5%)`
HSV (or HSB)	238.8°, 54.8, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.811, 28.209, -53.704
XYZ	16.23, 12.378, 49.108
xyY	0.209, 0.159, 12.378
CIE-LCH	41.811, 60.662, 297.712
CIE-LUV	41.811, -6.492, -81.171
Hunter-Lab	35.182, 20.774, -58.131
Binary	01010101, 01010111, 10111100

#5557bc
```
#5557bc rgb(85,87,188)
```
#bcba55
```
#bcba55 rgb(188,186,85)
```

Complementary Color

#558bbc
```
#558bbc rgb(85,139,188)
```
#5557bc
```
#5557bc rgb(85,87,188)
```
#8755bc
```
#8755bc rgb(135,85,188)
```

Analogous Color

#8bbc55
```
#8bbc55 rgb(139,188,85)
```
#5557bc
```
#5557bc rgb(85,87,188)
```
#bc8755
```
#bc8755 rgb(188,135,85)
```

Split Complementary Color

#57bc55
```
#57bc55 rgb(87,188,85)
```
#5557bc
```
#5557bc rgb(85,87,188)
```
#bc5557
```
#bc5557 rgb(188,85,87)
```

Triadic Color

#55bcba
```
#55bcba rgb(85,188,186)
```
#5557bc
```
#5557bc rgb(85,87,188)
```
#bc5557
```
#bc5557 rgb(188,85,87)
```
#bcba55
```
#bcba55 rgb(188,186,85)
```

Tetradic Color

#38398d
```
#38398d rgb(56,57,141)
```
#3f419f
```
#3f419f rgb(63,65,159)
```
#4648b2
```
#4648b2 rgb(70,72,178)
```
#5557bc
```
#5557bc rgb(85,87,188)
```
#6769c3
```
#6769c3 rgb(103,105,195)
```
#7a7bca
```
#7a7bca rgb(122,123,202)
```
#8c8dd2
```
#8c8dd2 rgb(140,141,210)
```

Monochromatic Color

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

#5571bc
```
#5571bc rgb(85,113,188)
```
#5568bc
```
#5568bc rgb(85,104,188)
```
#5560bc
```
#5560bc rgb(85,96,188)
```
#5557bc
```
#5557bc rgb(85,87,188)
```
#5c55bc
```
#5c55bc rgb(92,85,188)
```
#6455bc
```
#6455bc rgb(100,85,188)
```
#6d55bc
```
#6d55bc rgb(109,85,188)
```

Similar Colors

Text with hexadecimal color #5557bc

This text has a font color of #5557bc.

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

#5557bc background color

This paragraph has a background color of #5557bc.

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

#5557bc border color

This element has a border color of #5557bc.

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

CSS codes

.text {color:#5557bc;}

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

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

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, #05050d is the darkest color, while #fefeff is the lightest one.

#05050d
```
#05050d rgb(5,5,13)
```
#0b0b1b
```
#0b0b1b rgb(11,11,27)
```
#101129
```
#101129 rgb(16,17,41)
```
#161637
```
#161637 rgb(22,22,55)
```
#1b1c45
```
#1b1c45 rgb(27,28,69)
```
#212253
```
#212253 rgb(33,34,83)
```
#262861
```
#262861 rgb(38,40,97)
```
#2c2d6f
```
#2c2d6f rgb(44,45,111)
```
#31337d
```
#31337d rgb(49,51,125)
```
#37398c
```
#37398c rgb(55,57,140)
```
#3d3e9a
```
#3d3e9a rgb(61,62,154)
```
#4244a8
```
#4244a8 rgb(66,68,168)
```
#484ab6
```
#484ab6 rgb(72,74,182)
```

Shade Color Variation

#5557bc
```
#5557bc rgb(85,87,188)
```
#6365c2
```
#6365c2 rgb(99,101,194)
```
#7173c7
```
#7173c7 rgb(113,115,199)
```
#7f81cd
```
#7f81cd rgb(127,129,205)
```
#8d8fd2
```
#8d8fd2 rgb(141,143,210)
```
#9b9dd8
```
#9b9dd8 rgb(155,157,216)
```
#a9aadd
```
#a9aadd rgb(169,170,221)
```
#b7b8e3
```
#b7b8e3 rgb(183,184,227)
```
#c6c6e8
```
#c6c6e8 rgb(198,198,232)
```
#d4d4ee
```
#d4d4ee rgb(212,212,238)
```
#e2e2f3
```
#e2e2f3 rgb(226,226,243)
```
#f0f0f9
```
#f0f0f9 rgb(240,240,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#83838e
```
#83838e rgb(131,131,142)
```
#797a98
```
#797a98 rgb(121,122,152)
```
#7071a1
```
#7071a1 rgb(112,113,161)
```
#6769aa
```
#6769aa rgb(103,105,170)
```
#5e60b3
```
#5e60b3 rgb(94,96,179)
```
#5557bc
```
#5557bc rgb(85,87,188)
```
#4c4ec5
```
#4c4ec5 rgb(76,78,197)
```
#4345ce
```
#4345ce rgb(67,69,206)
```
#3a3dd7
```
#3a3dd7 rgb(58,61,215)
```
#3134e0
```
#3134e0 rgb(49,52,224)
```
#272bea
```
#272bea rgb(39,43,234)
```
#1e22f3
```
#1e22f3 rgb(30,34,243)
```
#151afc
```
#151afc rgb(21,26,252)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5f6074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2367c6 Protanopia 1% of men
#006cb4 Deuteranopia 1% of men
#3d727a Tritanopia 0.001% of the population

Trichromacy

#3561c2 Protanomaly 1% of men, 0.01% of women
#1e64b7 Deuteranomaly 6% of men, 0.4% of women
#456892 Tritanomaly 0.01% of the population

#5557bc hex color

#5557bc Color Information

#5557bc Color Conversion

Color Schemes with #5557bc

Alternatives to #5557bc

#5557bc Preview

Shades and Tints of #5557bc

Tones of #5557bc

Color Blindness Simulator