#5577bb hex color

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

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

● #5577bb color description : Moderate blue.

The hexadecimal color #5577bb has RGB values of R:85, G:119, B:187 and CMYK values of C:0.55, M:0.36, Y:0, K:0.27. Its decimal value is 5601211.

Hex triplet	5577bb	`#5577bb`
RGB Decimal	85, 119, 187	`rgb(85,119,187)`
RGB Percent	33.3, 46.7, 73.3	`rgb(33.3%,46.7%,73.3%)`
CMYK	55, 36, 0, 27
HSL	220°, 42.9, 53.3	`hsl(220,42.9%,53.3%)`
HSV (or HSB)	220°, 54.5, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.348, 7.955, -39.499
XYZ	19.311, 18.712, 49.605
xyY	0.22, 0.214, 18.712
CIE-LCH	50.348, 40.292, 281.387
CIE-LUV	50.348, -16.841, -60.938
Hunter-Lab	43.257, 3.986, -37.711
Binary	01010101, 01110111, 10111011

#5577bb
```
#5577bb rgb(85,119,187)
```
#bb9955
```
#bb9955 rgb(187,153,85)
```

Complementary Color

#55aabb
```
#55aabb rgb(85,170,187)
```
#5577bb
```
#5577bb rgb(85,119,187)
```
#6655bb
```
#6655bb rgb(102,85,187)
```

Analogous Color

#aabb55
```
#aabb55 rgb(170,187,85)
```
#5577bb
```
#5577bb rgb(85,119,187)
```
#bb6655
```
#bb6655 rgb(187,102,85)
```

Split Complementary Color

#77bb55
```
#77bb55 rgb(119,187,85)
```
#5577bb
```
#5577bb rgb(85,119,187)
```
#bb5577
```
#bb5577 rgb(187,85,119)
```

Triadic Color

#55bb99
```
#55bb99 rgb(85,187,153)
```
#5577bb
```
#5577bb rgb(85,119,187)
```
#bb5577
```
#bb5577 rgb(187,85,119)
```
#bb9955
```
#bb9955 rgb(187,153,85)
```

Tetradic Color

#38548c
```
#38548c rgb(56,84,140)
```
#3f5f9e
```
#3f5f9e rgb(63,95,158)
```
#466ab0
```
#466ab0 rgb(70,106,176)
```
#5577bb
```
#5577bb rgb(85,119,187)
```
#6786c2
```
#6786c2 rgb(103,134,194)
```
#7994ca
```
#7994ca rgb(121,148,202)
```
#8ca3d1
```
#8ca3d1 rgb(140,163,209)
```

Monochromatic Color

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

#5591bb
```
#5591bb rgb(85,145,187)
```
#5588bb
```
#5588bb rgb(85,136,187)
```
#5580bb
```
#5580bb rgb(85,128,187)
```
#5577bb
```
#5577bb rgb(85,119,187)
```
#556fbb
```
#556fbb rgb(85,111,187)
```
#5566bb
```
#5566bb rgb(85,102,187)
```
#555ebb
```
#555ebb rgb(85,94,187)
```

Similar Colors

Text with hexadecimal color #5577bb

This text has a font color of #5577bb.

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

#5577bb background color

This paragraph has a background color of #5577bb.

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

#5577bb border color

This element has a border color of #5577bb.

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

CSS codes

.text {color:#5577bb;}

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

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

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

#05070c
```
#05070c rgb(5,7,12)
```
#0a101a
```
#0a101a rgb(10,16,26)
```
#101828
```
#101828 rgb(16,24,40)
```
#162136
```
#162136 rgb(22,33,54)
```
#1b2944
```
#1b2944 rgb(27,41,68)
```
#213152
```
#213152 rgb(33,49,82)
```
#263a60
```
#263a60 rgb(38,58,96)
```
#2c426e
```
#2c426e rgb(44,66,110)
```
#324b7c
```
#324b7c rgb(50,75,124)
```
#37538a
```
#37538a rgb(55,83,138)
```
#3d5b98
```
#3d5b98 rgb(61,91,152)
```
#4364a6
```
#4364a6 rgb(67,100,166)
```
#486cb4
```
#486cb4 rgb(72,108,180)
```

Shade Color Variation

#5577bb
```
#5577bb rgb(85,119,187)
```
#6382c1
```
#6382c1 rgb(99,130,193)
```
#718dc6
```
#718dc6 rgb(113,141,198)
```
#7f99cc
```
#7f99cc rgb(127,153,204)
```
#8da4d1
```
#8da4d1 rgb(141,164,209)
```
#9bafd7
```
#9bafd7 rgb(155,175,215)
```
#a9badd
```
#a9badd rgb(169,186,221)
```
#b7c5e2
```
#b7c5e2 rgb(183,197,226)
```
#c5d1e8
```
#c5d1e8 rgb(197,209,232)
```
#d3dced
```
#d3dced rgb(211,220,237)
```
#e1e7f3
```
#e1e7f3 rgb(225,231,243)
```
#eff2f9
```
#eff2f9 rgb(239,242,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#83868d
```
#83868d rgb(131,134,141)
```
#7a8396
```
#7a8396 rgb(122,131,150)
```
#7080a0
```
#7080a0 rgb(112,128,160)
```
#677da9
```
#677da9 rgb(103,125,169)
```
#5e7ab2
```
#5e7ab2 rgb(94,122,178)
```
#5577bb
```
#5577bb rgb(85,119,187)
```
#4c74c4
```
#4c74c4 rgb(76,116,196)
```
#4371cd
```
#4371cd rgb(67,113,205)
```
#3a6ed6
```
#3a6ed6 rgb(58,110,214)
```
#306be0
```
#306be0 rgb(48,107,224)
```
#2768e9
```
#2768e9 rgb(39,104,233)
```
#1e65f2
```
#1e65f2 rgb(30,101,242)
```
#1562fb
```
#1562fb rgb(21,98,251)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6f7583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657cbd Protanopia 1% of men
#5a7ebe Deuteranopia 1% of men
#488791 Tritanopia 0.001% of the population

Trichromacy

#5f7abc Protanomaly 1% of men, 0.01% of women
#587cbd Deuteranomaly 6% of men, 0.4% of women
#4d81a0 Tritanomaly 0.01% of the population

#5577bb hex color

#5577bb Color Information

#5577bb Color Conversion

Color Schemes with #5577bb

Alternatives to #5577bb

#5577bb Preview

Shades and Tints of #5577bb

Tones of #5577bb

Color Blindness Simulator