#5580b5 hex color

In a RGB color space, hex #5580b5 is composed of 33.3% red, 50.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 53% cyan, 29.3% magenta, 0% yellow and 29% black. It has a hue angle of 213.1 degrees, a saturation of 39.3% and a lightness of 52.2%. #5580b5 color hex could be obtained by blending #aaffff with #00016b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 50
- B 71
RGB color chart
- C 53
- M 29
- Y 0
- K 29
CMYK color chart

● #5580b5 color description : Moderate blue.

The hexadecimal color #5580b5 has RGB values of R:85, G:128, B:181 and CMYK values of C:0.53, M:0.29, Y:0, K:0.29. Its decimal value is 5603509.

Hex triplet	5580b5	`#5580b5`
RGB Decimal	85, 128, 181	`rgb(85,128,181)`
RGB Percent	33.3, 50.2, 71	`rgb(33.3%,50.2%,71%)`
CMYK	53, 29, 0, 29
HSL	213.1°, 39.3, 52.2	`hsl(213.1,39.3%,52.2%)`
HSV (or HSB)	213.1°, 53, 71
Web Safe	6699cc	`#6699cc`

CIE-LAB	52.625, 0.624, -32.473
XYZ	19.804, 20.705, 46.666
xyY	0.227, 0.238, 20.705
CIE-LCH	52.625, 32.479, 271.101
CIE-LUV	52.625, -20.133, -49.379
Hunter-Lab	45.502, -1.941, -28.955
Binary	01010101, 10000000, 10110101

#5580b5
```
#5580b5 rgb(85,128,181)
```
#b58a55
```
#b58a55 rgb(181,138,85)
```

Complementary Color

#55b0b5
```
#55b0b5 rgb(85,176,181)
```
#5580b5
```
#5580b5 rgb(85,128,181)
```
#5a55b5
```
#5a55b5 rgb(90,85,181)
```

Analogous Color

#b0b555
```
#b0b555 rgb(176,181,85)
```
#5580b5
```
#5580b5 rgb(85,128,181)
```
#b55a55
```
#b55a55 rgb(181,90,85)
```

Split Complementary Color

#80b555
```
#80b555 rgb(128,181,85)
```
#5580b5
```
#5580b5 rgb(85,128,181)
```
#b55580
```
#b55580 rgb(181,85,128)
```

Triadic Color

#55b58a
```
#55b58a rgb(85,181,138)
```
#5580b5
```
#5580b5 rgb(85,128,181)
```
#b55580
```
#b55580 rgb(181,85,128)
```
#b58a55
```
#b58a55 rgb(181,138,85)
```

Tetradic Color

#395b84
```
#395b84 rgb(57,91,132)
```
#416796
```
#416796 rgb(65,103,150)
```
#4973a8
```
#4973a8 rgb(73,115,168)
```
#5580b5
```
#5580b5 rgb(85,128,181)
```
#678dbd
```
#678dbd rgb(103,141,189)
```
#799bc4
```
#799bc4 rgb(121,155,196)
```
#8aa8cc
```
#8aa8cc rgb(138,168,204)
```

Monochromatic Color

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

#5598b5
```
#5598b5 rgb(85,152,181)
```
#5590b5
```
#5590b5 rgb(85,144,181)
```
#5588b5
```
#5588b5 rgb(85,136,181)
```
#5580b5
```
#5580b5 rgb(85,128,181)
```
#5578b5
```
#5578b5 rgb(85,120,181)
```
#5570b5
```
#5570b5 rgb(85,112,181)
```
#5568b5
```
#5568b5 rgb(85,104,181)
```

Similar Colors

Text with hexadecimal color #5580b5

This text has a font color of #5580b5.

<span style="color:#5580b5;">Text here</span>

#5580b5 background color

This paragraph has a background color of #5580b5.

<p style="background-color:#5580b5;">Content here</p>

#5580b5 border color

This element has a border color of #5580b5.

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

CSS codes

.text {color:#5580b5;}

.background {background-color:#5580b5;}

.border {border:1px solid #5580b5;}

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

#030508
```
#030508 rgb(3,5,8)
```
#090f15
```
#090f15 rgb(9,15,21)
```
#0f1823
```
#0f1823 rgb(15,24,35)
```
#152131
```
#152131 rgb(21,33,49)
```
#1b2b3e
```
#1b2b3e rgb(27,43,62)
```
#21344c
```
#21344c rgb(33,52,76)
```
#273e5a
```
#273e5a rgb(39,62,90)
```
#2d4767
```
#2d4767 rgb(45,71,103)
```
#335175
```
#335175 rgb(51,81,117)
```
#395a83
```
#395a83 rgb(57,90,131)
```
#3f6390
```
#3f6390 rgb(63,99,144)
```
#456d9e
```
#456d9e rgb(69,109,158)
```
#4b76ac
```
#4b76ac rgb(75,118,172)
```

Shade Color Variation

#5580b5
```
#5580b5 rgb(85,128,181)
```
#638abb
```
#638abb rgb(99,138,187)
```
#7094c1
```
#7094c1 rgb(112,148,193)
```
#7e9fc7
```
#7e9fc7 rgb(126,159,199)
```
#8ca9cd
```
#8ca9cd rgb(140,169,205)
```
#99b3d3
```
#99b3d3 rgb(153,179,211)
```
#a7bdd9
```
#a7bdd9 rgb(167,189,217)
```
#b5c7df
```
#b5c7df rgb(181,199,223)
```
#c2d2e5
```
#c2d2e5 rgb(194,210,229)
```
#d0dceb
```
#d0dceb rgb(208,220,235)
```
#dee6f0
```
#dee6f0 rgb(222,230,240)
```
#ebf0f6
```
#ebf0f6 rgb(235,240,246)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#848586
```
#848586 rgb(132,133,134)
```
#7b848f
```
#7b848f rgb(123,132,143)
```
#718399
```
#718399 rgb(113,131,153)
```
#6882a2
```
#6882a2 rgb(104,130,162)
```
#5e81ac
```
#5e81ac rgb(94,129,172)
```
#5580b5
```
#5580b5 rgb(85,128,181)
```
#4c7fbe
```
#4c7fbe rgb(76,127,190)
```
#427ec8
```
#427ec8 rgb(66,126,200)
```
#397dd1
```
#397dd1 rgb(57,125,209)
```
#2f7cdb
```
#2f7cdb rgb(47,124,219)
```
#267be4
```
#267be4 rgb(38,123,228)
```
#1d7aed
```
#1d7aed rgb(29,122,237)
```
#1379f7
```
#1379f7 rgb(19,121,247)
```

Tone Color Variation

Below, you can see how #5580b5 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

#797979 Achromatopsia 0.005% of the population
#727a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7382b5 Protanopia 1% of men
#6c83ba Deuteranopia 1% of men
#4f8d97 Tritanopia 0.001% of the population

Trichromacy

#6881b5 Protanomaly 1% of men, 0.01% of women
#6382b8 Deuteranomaly 6% of men, 0.4% of women
#5188a2 Tritanomaly 0.01% of the population

#5580b5 hex color

#5580b5 Color Information

#5580b5 Color Conversion

Color Schemes with #5580b5

Alternatives to #5580b5

#5580b5 Preview

Shades and Tints of #5580b5

Tones of #5580b5

Color Blindness Simulator