#5580bf hex color

In a RGB color space, hex #5580bf is composed of 33.3% red, 50.2% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 33% magenta, 0% yellow and 25.1% black. It has a hue angle of 215.7 degrees, a saturation of 45.3% and a lightness of 54.1%. #5580bf color hex could be obtained by blending #aaffff with #00017f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 50
- B 75
RGB color chart
- C 55
- M 33
- Y 0
- K 25
CMYK color chart

● #5580bf color description : Moderate blue.

The hexadecimal color #5580bf has RGB values of R:85, G:128, B:191 and CMYK values of C:0.55, M:0.33, Y:0, K:0.25. Its decimal value is 5603519.

Hex triplet	5580bf	`#5580bf`
RGB Decimal	85, 128, 191	`rgb(85,128,191)`
RGB Percent	33.3, 50.2, 74.9	`rgb(33.3%,50.2%,74.9%)`
CMYK	55, 33, 0, 25
HSL	215.7°, 45.3, 54.1	`hsl(215.7,45.3%,54.1%)`
HSV (or HSB)	215.7°, 55.5, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.092, 3.825, -37.474
XYZ	20.867, 21.13, 52.266
xyY	0.221, 0.224, 21.13
CIE-LCH	53.092, 37.668, 275.828
CIE-LUV	53.092, -20.074, -57.876
Hunter-Lab	45.967, 0.589, -35.237
Binary	01010101, 10000000, 10111111

#5580bf
```
#5580bf rgb(85,128,191)
```
#bf9455
```
#bf9455 rgb(191,148,85)
```

Complementary Color

#55b5bf
```
#55b5bf rgb(85,181,191)
```
#5580bf
```
#5580bf rgb(85,128,191)
```
#5f55bf
```
#5f55bf rgb(95,85,191)
```

Analogous Color

#b5bf55
```
#b5bf55 rgb(181,191,85)
```
#5580bf
```
#5580bf rgb(85,128,191)
```
#bf5f55
```
#bf5f55 rgb(191,95,85)
```

Split Complementary Color

#80bf55
```
#80bf55 rgb(128,191,85)
```
#5580bf
```
#5580bf rgb(85,128,191)
```
#bf5580
```
#bf5580 rgb(191,85,128)
```

Triadic Color

#55bf94
```
#55bf94 rgb(85,191,148)
```
#5580bf
```
#5580bf rgb(85,128,191)
```
#bf5580
```
#bf5580 rgb(191,85,128)
```
#bf9455
```
#bf9455 rgb(191,148,85)
```

Tetradic Color

#375b91
```
#375b91 rgb(55,91,145)
```
#3e67a3
```
#3e67a3 rgb(62,103,163)
```
#4573b6
```
#4573b6 rgb(69,115,182)
```
#5580bf
```
#5580bf rgb(85,128,191)
```
#688ec6
```
#688ec6 rgb(104,142,198)
```
#7a9ccd
```
#7a9ccd rgb(122,156,205)
```
#8daad4
```
#8daad4 rgb(141,170,212)
```

Monochromatic Color

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

#559bbf
```
#559bbf rgb(85,155,191)
```
#5592bf
```
#5592bf rgb(85,146,191)
```
#5589bf
```
#5589bf rgb(85,137,191)
```
#5580bf
```
#5580bf rgb(85,128,191)
```
#5577bf
```
#5577bf rgb(85,119,191)
```
#556ebf
```
#556ebf rgb(85,110,191)
```
#5566bf
```
#5566bf rgb(85,102,191)
```

Similar Colors

Text with hexadecimal color #5580bf

This text has a font color of #5580bf.

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

#5580bf background color

This paragraph has a background color of #5580bf.

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

#5580bf border color

This element has a border color of #5580bf.

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

CSS codes

.text {color:#5580bf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0b131e
```
#0b131e rgb(11,19,30)
```
#101c2c
```
#101c2c rgb(16,28,44)
```
#16253a
```
#16253a rgb(22,37,58)
```
#1b2d48
```
#1b2d48 rgb(27,45,72)
```
#213657
```
#213657 rgb(33,54,87)
```
#263f65
```
#263f65 rgb(38,63,101)
```
#2b4873
```
#2b4873 rgb(43,72,115)
```
#315181
```
#315181 rgb(49,81,129)
```
#365a90
```
#365a90 rgb(54,90,144)
```
#3b639e
```
#3b639e rgb(59,99,158)
```
#416cac
```
#416cac rgb(65,108,172)
```

Shade Color Variation

#4775ba
```
#4775ba rgb(71,117,186)
```
#5580bf
```
#5580bf rgb(85,128,191)
```
#638bc4
```
#638bc4 rgb(99,139,196)
```
#7295ca
```
#7295ca rgb(114,149,202)
```
#80a0cf
```
#80a0cf rgb(128,160,207)
```
#8eabd4
```
#8eabd4 rgb(142,171,212)
```
#9cb5da
```
#9cb5da rgb(156,181,218)
```
#abc0df
```
#abc0df rgb(171,192,223)
```
#b9cbe5
```
#b9cbe5 rgb(185,203,229)
```
#c7d5ea
```
#c7d5ea rgb(199,213,234)
```
#d5e0ef
```
#d5e0ef rgb(213,224,239)
```
#e4eaf5
```
#e4eaf5 rgb(228,234,245)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

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

#828892
```
#828892 rgb(130,136,146)
```
#79879b
```
#79879b rgb(121,135,155)
```
#7085a4
```
#7085a4 rgb(112,133,164)
```
#6783ad
```
#6783ad rgb(103,131,173)
```
#5e82b6
```
#5e82b6 rgb(94,130,182)
```
#5580bf
```
#5580bf rgb(85,128,191)
```
#4c7ec8
```
#4c7ec8 rgb(76,126,200)
```
#437dd1
```
#437dd1 rgb(67,125,209)
```
#3a7bda
```
#3a7bda rgb(58,123,218)
```
#3179e3
```
#3179e3 rgb(49,121,227)
```
#2878ec
```
#2878ec rgb(40,120,236)
```
#1f76f5
```
#1f76f5 rgb(31,118,245)
```
#1674fe
```
#1674fe rgb(22,116,254)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#737b88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f83bf Protanopia 1% of men
#6585c2 Deuteranopia 1% of men
#4a8f99 Tritanopia 0.001% of the population

Trichromacy

#6582bf Protanomaly 1% of men, 0.01% of women
#5f83c1 Deuteranomaly 6% of men, 0.4% of women
#4e89a7 Tritanomaly 0.01% of the population

#5580bf hex color

#5580bf Color Information

#5580bf Color Conversion

Color Schemes with #5580bf

Alternatives to #5580bf

#5580bf Preview

Shades and Tints of #5580bf

Tones of #5580bf

Color Blindness Simulator