#5557bb hex color

In a RGB color space, hex #5557bb is composed of 33.3% red, 34.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 54.5% cyan, 53.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 238.8 degrees, a saturation of 42.9% and a lightness of 53.3%. #5557bb color hex could be obtained by blending #aaaeff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 34
- B 73
RGB color chart
- C 55
- M 53
- Y 0
- K 27
CMYK color chart

● #5557bb color description : Moderate blue.

The hexadecimal color #5557bb has RGB values of R:85, G:87, B:187 and CMYK values of C:0.55, M:0.53, Y:0, K:0.27. Its decimal value is 5593019.

Hex triplet	5557bb	`#5557bb`
RGB Decimal	85, 87, 187	`rgb(85,87,187)`
RGB Percent	33.3, 34.1, 73.3	`rgb(33.3%,34.1%,73.3%)`
CMYK	55, 53, 0, 27
HSL	238.8°, 42.9, 53.3	`hsl(238.8,42.9%,53.3%)`
HSV (or HSB)	238.8°, 54.5, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.744, 27.885, -53.228
XYZ	16.122, 12.335, 48.542
xyY	0.209, 0.16, 12.335
CIE-LCH	41.744, 60.09, 297.649
CIE-LUV	41.744, -6.441, -80.424
Hunter-Lab	35.121, 20.479, -57.362
Binary	01010101, 01010111, 10111011

#5557bb
```
#5557bb rgb(85,87,187)
```
#bbb955
```
#bbb955 rgb(187,185,85)
```

Complementary Color

#558abb
```
#558abb rgb(85,138,187)
```
#5557bb
```
#5557bb rgb(85,87,187)
```
#8655bb
```
#8655bb rgb(134,85,187)
```

Analogous Color

#8abb55
```
#8abb55 rgb(138,187,85)
```
#5557bb
```
#5557bb rgb(85,87,187)
```
#bb8655
```
#bb8655 rgb(187,134,85)
```

Split Complementary Color

#57bb55
```
#57bb55 rgb(87,187,85)
```
#5557bb
```
#5557bb rgb(85,87,187)
```
#bb5557
```
#bb5557 rgb(187,85,87)
```

Triadic Color

#55bbb9
```
#55bbb9 rgb(85,187,185)
```
#5557bb
```
#5557bb rgb(85,87,187)
```
#bb5557
```
#bb5557 rgb(187,85,87)
```
#bbb955
```
#bbb955 rgb(187,185,85)
```

Tetradic Color

#383a8c
```
#383a8c rgb(56,58,140)
```
#3f419e
```
#3f419e rgb(63,65,158)
```
#4649b0
```
#4649b0 rgb(70,73,176)
```
#5557bb
```
#5557bb rgb(85,87,187)
```
#6769c2
```
#6769c2 rgb(103,105,194)
```
#797bca
```
#797bca rgb(121,123,202)
```
#8c8dd1
```
#8c8dd1 rgb(140,141,209)
```

Monochromatic Color

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

#5571bb
```
#5571bb rgb(85,113,187)
```
#5568bb
```
#5568bb rgb(85,104,187)
```
#5560bb
```
#5560bb rgb(85,96,187)
```
#5557bb
```
#5557bb rgb(85,87,187)
```
#5b55bb
```
#5b55bb rgb(91,85,187)
```
#6455bb
```
#6455bb rgb(100,85,187)
```
#6d55bb
```
#6d55bb rgb(109,85,187)
```

Similar Colors

Text with hexadecimal color #5557bb

This text has a font color of #5557bb.

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

#5557bb background color

This paragraph has a background color of #5557bb.

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

#5557bb border color

This element has a border color of #5557bb.

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

CSS codes

.text {color:#5557bb;}

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

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

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

#05050c
```
#05050c rgb(5,5,12)
```
#0a0b1a
```
#0a0b1a rgb(10,11,26)
```
#101128
```
#101128 rgb(16,17,40)
```
#161636
```
#161636 rgb(22,22,54)
```
#1b1c44
```
#1b1c44 rgb(27,28,68)
```
#212252
```
#212252 rgb(33,34,82)
```
#262860
```
#262860 rgb(38,40,96)
```
#2c2d6e
```
#2c2d6e rgb(44,45,110)
```
#32337c
```
#32337c rgb(50,51,124)
```
#37398a
```
#37398a rgb(55,57,138)
```
#3d3f98
```
#3d3f98 rgb(61,63,152)
```
#4344a6
```
#4344a6 rgb(67,68,166)
```
#484ab4
```
#484ab4 rgb(72,74,180)
```

Shade Color Variation

#5557bb
```
#5557bb rgb(85,87,187)
```
#6365c1
```
#6365c1 rgb(99,101,193)
```
#7173c6
```
#7173c6 rgb(113,115,198)
```
#7f81cc
```
#7f81cc rgb(127,129,204)
```
#8d8ed1
```
#8d8ed1 rgb(141,142,209)
```
#9b9cd7
```
#9b9cd7 rgb(155,156,215)
```
#a9aadd
```
#a9aadd rgb(169,170,221)
```
#b7b8e2
```
#b7b8e2 rgb(183,184,226)
```
#c5c6e8
```
#c5c6e8 rgb(197,198,232)
```
#d3d4ed
```
#d3d4ed rgb(211,212,237)
```
#e1e1f3
```
#e1e1f3 rgb(225,225,243)
```
#efeff9
```
#efeff9 rgb(239,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#83838d
```
#83838d rgb(131,131,141)
```
#7a7a96
```
#7a7a96 rgb(122,122,150)
```
#7071a0
```
#7071a0 rgb(112,113,160)
```
#6769a9
```
#6769a9 rgb(103,105,169)
```
#5e60b2
```
#5e60b2 rgb(94,96,178)
```
#5557bb
```
#5557bb rgb(85,87,187)
```
#4c4ec4
```
#4c4ec4 rgb(76,78,196)
```
#4345cd
```
#4345cd rgb(67,69,205)
```
#3a3dd6
```
#3a3dd6 rgb(58,61,214)
```
#3034e0
```
#3034e0 rgb(48,52,224)
```
#272be9
```
#272be9 rgb(39,43,233)
```
#1e22f2
```
#1e22f2 rgb(30,34,242)
```
#1519fb
```
#1519fb rgb(21,25,251)
```

Tone Color Variation

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

#2567c5 Protanopia 1% of men
#006cb4 Deuteranopia 1% of men
#3e727a Tritanopia 0.001% of the population

Trichromacy

#3661c1 Protanomaly 1% of men, 0.01% of women
#1e64b6 Deuteranomaly 6% of men, 0.4% of women
#466891 Tritanomaly 0.01% of the population

#5557bb hex color

#5557bb Color Information

#5557bb Color Conversion

Color Schemes with #5557bb

Alternatives to #5557bb

#5557bb Preview

Shades and Tints of #5557bb

Tones of #5557bb

Color Blindness Simulator