#5580fc hex color

In a RGB color space, hex #5580fc is composed of 33.3% red, 50.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 49.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 224.6 degrees, a saturation of 96.5% and a lightness of 66.1%. #5580fc color hex could be obtained by blending #aaffff with #0001f9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 50
- B 99
RGB color chart
- C 66
- M 49
- Y 0
- K 1
CMYK color chart

● #5580fc color description : Soft blue.

The hexadecimal color #5580fc has RGB values of R:85, G:128, B:252 and CMYK values of C:0.66, M:0.49, Y:0, K:0.01. Its decimal value is 5603580.

Hex triplet	5580fc	`#5580fc`
RGB Decimal	85, 128, 252	`rgb(85,128,252)`
RGB Percent	33.3, 50.2, 98.8	`rgb(33.3%,50.2%,98.8%)`
CMYK	66, 49, 0, 1
HSL	224.6°, 96.5, 66.1	`hsl(224.6,96.5%,66.1%)`
HSV (or HSB)	224.6°, 66.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.482, 24.309, -66.321
XYZ	29.032, 24.396, 95.269
xyY	0.195, 0.164, 24.396
CIE-LCH	56.482, 70.636, 290.13
CIE-LUV	56.482, -20.014, -107.069
Hunter-Lab	49.392, 18.484, -79.785
Binary	01010101, 10000000, 11111100

#5580fc
```
#5580fc rgb(85,128,252)
```
#fcd155
```
#fcd155 rgb(252,209,85)
```

Complementary Color

#55d4fc
```
#55d4fc rgb(85,212,252)
```
#5580fc
```
#5580fc rgb(85,128,252)
```
#7e55fc
```
#7e55fc rgb(126,85,252)
```

Analogous Color

#d4fc55
```
#d4fc55 rgb(212,252,85)
```
#5580fc
```
#5580fc rgb(85,128,252)
```
#fc7e55
```
#fc7e55 rgb(252,126,85)
```

Split Complementary Color

#80fc55
```
#80fc55 rgb(128,252,85)
```
#5580fc
```
#5580fc rgb(85,128,252)
```
#fc5580
```
#fc5580 rgb(252,85,128)
```

Triadic Color

#55fcd1
```
#55fcd1 rgb(85,252,209)
```
#5580fc
```
#5580fc rgb(85,128,252)
```
#fc5580
```
#fc5580 rgb(252,85,128)
```
#fcd155
```
#fcd155 rgb(252,209,85)
```

Tetradic Color

#0a48fb
```
#0a48fb rgb(10,72,251)
```
#235bfb
```
#235bfb rgb(35,91,251)
```
#3c6dfc
```
#3c6dfc rgb(60,109,252)
```
#5580fc
```
#5580fc rgb(85,128,252)
```
#6e93fc
```
#6e93fc rgb(110,147,252)
```
#87a5fd
```
#87a5fd rgb(135,165,253)
```
#a0b8fd
```
#a0b8fd rgb(160,184,253)
```

Monochromatic Color

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

#55aafc
```
#55aafc rgb(85,170,252)
```
#559cfc
```
#559cfc rgb(85,156,252)
```
#558efc
```
#558efc rgb(85,142,252)
```
#5580fc
```
#5580fc rgb(85,128,252)
```
#5572fc
```
#5572fc rgb(85,114,252)
```
#5564fc
```
#5564fc rgb(85,100,252)
```
#5556fc
```
#5556fc rgb(85,86,252)
```

Similar Colors

Text with hexadecimal color #5580fc

This text has a font color of #5580fc.

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

#5580fc background color

This paragraph has a background color of #5580fc.

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

#5580fc border color

This element has a border color of #5580fc.

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

CSS codes

.text {color:#5580fc;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#000617
```
#000617 rgb(0,6,23)
```
#010b2a
```
#010b2a rgb(1,11,42)
```
#01113d
```
#01113d rgb(1,17,61)
```
#011651
```
#011651 rgb(1,22,81)
```
#021b64
```
#021b64 rgb(2,27,100)
```
#022077
```
#022077 rgb(2,32,119)
```
#02258a
```
#02258a rgb(2,37,138)
```
#032b9e
```
#032b9e rgb(3,43,158)
```
#0330b1
```
#0330b1 rgb(3,48,177)
```
#0335c4
```
#0335c4 rgb(3,53,196)
```
#043ad8
```
#043ad8 rgb(4,58,216)
```
#0440eb
```
#0440eb rgb(4,64,235)
```

Shade Color Variation

#0846fb
```
#0846fb rgb(8,70,251)
```
#1b55fb
```
#1b55fb rgb(27,85,251)
```
#2e63fb
```
#2e63fb rgb(46,99,251)
```
#4272fc
```
#4272fc rgb(66,114,252)
```
#5580fc
```
#5580fc rgb(85,128,252)
```
#688efc
```
#688efc rgb(104,142,252)
```
#7c9dfd
```
#7c9dfd rgb(124,157,253)
```
#8fabfd
```
#8fabfd rgb(143,171,253)
```
#a2bafd
```
#a2bafd rgb(162,186,253)
```
#b5c8fe
```
#b5c8fe rgb(181,200,254)
```
#c9d6fe
```
#c9d6fe rgb(201,214,254)
```
#dce5fe
```
#dce5fe rgb(220,229,254)
```
#eff3ff
```
#eff3ff rgb(239,243,255)
```

Tint Color Variation

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

#a5a7ac
```
#a5a7ac rgb(165,167,172)
```
#9ea4b3
```
#9ea4b3 rgb(158,164,179)
```
#98a0b9
```
#98a0b9 rgb(152,160,185)
```
#919dc0
```
#919dc0 rgb(145,157,192)
```
#8a9ac7
```
#8a9ac7 rgb(138,154,199)
```
#8497cd
```
#8497cd rgb(132,151,205)
```
#7d93d4
```
#7d93d4 rgb(125,147,212)
```
#7690db
```
#7690db rgb(118,144,219)
```
#708de1
```
#708de1 rgb(112,141,225)
```
#698ae8
```
#698ae8 rgb(105,138,232)
```
#6286ef
```
#6286ef rgb(98,134,239)
```
#5c83f5
```
#5c83f5 rgb(92,131,245)
```
#5580fc
```
#5580fc rgb(85,128,252)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#78819a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4289ff Protanopia 1% of men
#0090ee Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#4986fd Protanomaly 1% of men, 0.01% of women
#1e8af3 Deuteranomaly 6% of men, 0.4% of women
#1e91c5 Tritanomaly 0.01% of the population

#5580fc hex color

#5580fc Color Information

#5580fc Color Conversion

Color Schemes with #5580fc

Alternatives to #5580fc

#5580fc Preview

Shades and Tints of #5580fc

Tones of #5580fc

Color Blindness Simulator