#5560ff hex color

In a RGB color space, hex #5560ff is composed of 33.3% red, 37.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 62.4% magenta, 0% yellow and 0% black. It has a hue angle of 236.1 degrees, a saturation of 100% and a lightness of 66.7%. #5560ff color hex could be obtained by blending #aac0ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 38
- B 100
RGB color chart
- C 67
- M 62
- Y 0
- K 0
CMYK color chart

● #5560ff color description : Light blue.

The hexadecimal color #5560ff has RGB values of R:85, G:96, B:255 and CMYK values of C:0.67, M:0.62, Y:0, K:0. Its decimal value is 5595391.

Hex triplet	5560ff	`#5560ff`
RGB Decimal	85, 96, 255	`rgb(85,96,255)`
RGB Percent	33.3, 37.6, 100	`rgb(33.3%,37.6%,100%)`
CMYK	67, 62, 0, 0
HSL	236.1°, 100, 66.7	`hsl(236.1,100%,66.7%)`
HSV (or HSB)	236.1°, 66.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.903, 44.718, -80.285
XYZ	25.976, 17.516, 96.614
xyY	0.185, 0.125, 17.516
CIE-LCH	48.903, 91.898, 299.117
CIE-LUV	48.903, -11.602, -124.518
Hunter-Lab	41.852, 37.547, -107.574
Binary	01010101, 01100000, 11111111

#5560ff
```
#5560ff rgb(85,96,255)
```
#fff455
```
#fff455 rgb(255,244,85)
```

Complementary Color

#55b5ff
```
#55b5ff rgb(85,181,255)
```
#5560ff
```
#5560ff rgb(85,96,255)
```
#9f55ff
```
#9f55ff rgb(159,85,255)
```

Analogous Color

#b5ff55
```
#b5ff55 rgb(181,255,85)
```
#5560ff
```
#5560ff rgb(85,96,255)
```
#ff9f55
```
#ff9f55 rgb(255,159,85)
```

Split Complementary Color

#60ff55
```
#60ff55 rgb(96,255,85)
```
#5560ff
```
#5560ff rgb(85,96,255)
```
#ff5560
```
#ff5560 rgb(255,85,96)
```

Triadic Color

#55fff4
```
#55fff4 rgb(85,255,244)
```
#5560ff
```
#5560ff rgb(85,96,255)
```
#ff5560
```
#ff5560 rgb(255,85,96)
```
#fff455
```
#fff455 rgb(255,244,85)
```

Tetradic Color

#0818ff
```
#0818ff rgb(8,24,255)
```
#2230ff
```
#2230ff rgb(34,48,255)
```
#3c48ff
```
#3c48ff rgb(60,72,255)
```
#5560ff
```
#5560ff rgb(85,96,255)
```
#6f78ff
```
#6f78ff rgb(111,120,255)
```
#8890ff
```
#8890ff rgb(136,144,255)
```
#a2a8ff
```
#a2a8ff rgb(162,168,255)
```

Monochromatic Color

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

#558bff
```
#558bff rgb(85,139,255)
```
#557cff
```
#557cff rgb(85,124,255)
```
#556eff
```
#556eff rgb(85,110,255)
```
#5560ff
```
#5560ff rgb(85,96,255)
```
#5855ff
```
#5855ff rgb(88,85,255)
```
#6655ff
```
#6655ff rgb(102,85,255)
```
#7555ff
```
#7555ff rgb(117,85,255)
```

Similar Colors

Text with hexadecimal color #5560ff

This text has a font color of #5560ff.

<span style="color:#5560ff;">Text here</span>

#5560ff background color

This paragraph has a background color of #5560ff.

<p style="background-color:#5560ff;">Content here</p>

#5560ff border color

This element has a border color of #5560ff.

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

CSS codes

.text {color:#5560ff;}

.background {background-color:#5560ff;}

.border {border:1px solid #5560ff;}

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

#000007
```
#000007 rgb(0,0,7)
```
#00021a
```
#00021a rgb(0,2,26)
```
#00032e
```
#00032e rgb(0,3,46)
```
#000441
```
#000441 rgb(0,4,65)
```
#000555
```
#000555 rgb(0,5,85)
```
#000769
```
#000769 rgb(0,7,105)
```
#00087c
```
#00087c rgb(0,8,124)
```
#000990
```
#000990 rgb(0,9,144)
```
#000ba3
```
#000ba3 rgb(0,11,163)
```
#000cb7
```
#000cb7 rgb(0,12,183)
```
#000dcb
```
#000dcb rgb(0,13,203)
```
#000ede
```
#000ede rgb(0,14,222)
```
#0010f2
```
#0010f2 rgb(0,16,242)
```

Shade Color Variation

#0717ff
```
#0717ff rgb(7,23,255)
```
#1a29ff
```
#1a29ff rgb(26,41,255)
```
#2e3bff
```
#2e3bff rgb(46,59,255)
```
#414eff
```
#414eff rgb(65,78,255)
```
#5560ff
```
#5560ff rgb(85,96,255)
```
#6972ff
```
#6972ff rgb(105,114,255)
```
#7c85ff
```
#7c85ff rgb(124,133,255)
```
#9097ff
```
#9097ff rgb(144,151,255)
```
#a3a9ff
```
#a3a9ff rgb(163,169,255)
```
#b7bcff
```
#b7bcff rgb(183,188,255)
```
#cbceff
```
#cbceff rgb(203,206,255)
```
#dee0ff
```
#dee0ff rgb(222,224,255)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#a3a4b1
```
#a3a4b1 rgb(163,164,177)
```
#9d9fb7
```
#9d9fb7 rgb(157,159,183)
```
#9699be
```
#9699be rgb(150,153,190)
```
#9093c4
```
#9093c4 rgb(144,147,196)
```
#898ecb
```
#898ecb rgb(137,142,203)
```
#8388d1
```
#8388d1 rgb(131,136,209)
```
#7c82d8
```
#7c82d8 rgb(124,130,216)
```
#767cde
```
#767cde rgb(118,124,222)
```
#6f77e5
```
#6f77e5 rgb(111,119,229)
```
#6971eb
```
#6971eb rgb(105,113,235)
```
#626bf2
```
#626bf2 rgb(98,107,242)
```
#5c66f8
```
#5c66f8 rgb(92,102,248)
```
#5560ff
```
#5560ff rgb(85,96,255)
```

Tone Color Variation

Below, you can see how #5560ff 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

#6f6f6f Achromatopsia 0.005% of the population
#6a6c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e9 Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#008790 Tritanopia 0.001% of the population

Trichromacy

#1e6ff1 Protanomaly 1% of men, 0.01% of women
#1e73de Deuteranomaly 6% of men, 0.4% of women
#1e79b8 Tritanomaly 0.01% of the population

#5560ff hex color

#5560ff Color Information

#5560ff Color Conversion

Color Schemes with #5560ff

Alternatives to #5560ff

#5560ff Preview

Shades and Tints of #5560ff

Tones of #5560ff

Color Blindness Simulator