#5561ff hex color

In a RGB color space, hex #5561ff is composed of 33.3% red, 38% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 62% magenta, 0% yellow and 0% black. It has a hue angle of 235.8 degrees, a saturation of 100% and a lightness of 66.7%. #5561ff color hex could be obtained by blending #aac2ff 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

● #5561ff color description : Light blue.

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

Hex triplet	5561ff	`#5561ff`
RGB Decimal	85, 97, 255	`rgb(85,97,255)`
RGB Percent	33.3, 38, 100	`rgb(33.3%,38%,100%)`
CMYK	67, 62, 0, 0
HSL	235.8°, 100, 66.7	`hsl(235.8,100%,66.7%)`
HSV (or HSB)	235.8°, 66.7, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.129, 44.125, -79.915
XYZ	26.067, 17.699, 96.645
xyY	0.186, 0.126, 17.699
CIE-LCH	49.129, 91.288, 298.905
CIE-LUV	49.129, -11.832, -124.157
Hunter-Lab	42.07, 36.977, -106.752
Binary	01010101, 01100001, 11111111

#5561ff
```
#5561ff rgb(85,97,255)
```
#fff355
```
#fff355 rgb(255,243,85)
```

Complementary Color

#55b6ff
```
#55b6ff rgb(85,182,255)
```
#5561ff
```
#5561ff rgb(85,97,255)
```
#9e55ff
```
#9e55ff rgb(158,85,255)
```

Analogous Color

#b6ff55
```
#b6ff55 rgb(182,255,85)
```
#5561ff
```
#5561ff rgb(85,97,255)
```
#ff9e55
```
#ff9e55 rgb(255,158,85)
```

Split Complementary Color

#61ff55
```
#61ff55 rgb(97,255,85)
```
#5561ff
```
#5561ff rgb(85,97,255)
```
#ff5561
```
#ff5561 rgb(255,85,97)
```

Triadic Color

#55fff3
```
#55fff3 rgb(85,255,243)
```
#5561ff
```
#5561ff rgb(85,97,255)
```
#ff5561
```
#ff5561 rgb(255,85,97)
```
#fff355
```
#fff355 rgb(255,243,85)
```

Tetradic Color

#081aff
```
#081aff rgb(8,26,255)
```
#2232ff
```
#2232ff rgb(34,50,255)
```
#3c49ff
```
#3c49ff rgb(60,73,255)
```
#5561ff
```
#5561ff rgb(85,97,255)
```
#6f79ff
```
#6f79ff rgb(111,121,255)
```
#8890ff
```
#8890ff rgb(136,144,255)
```
#a2a8ff
```
#a2a8ff rgb(162,168,255)
```

Monochromatic Color

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

#558cff
```
#558cff rgb(85,140,255)
```
#557dff
```
#557dff rgb(85,125,255)
```
#556fff
```
#556fff rgb(85,111,255)
```
#5561ff
```
#5561ff rgb(85,97,255)
```
#5755ff
```
#5755ff rgb(87,85,255)
```
#6555ff
```
#6555ff rgb(101,85,255)
```
#7455ff
```
#7455ff rgb(116,85,255)
```

Similar Colors

Text with hexadecimal color #5561ff

This text has a font color of #5561ff.

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

#5561ff background color

This paragraph has a background color of #5561ff.

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

#5561ff border color

This element has a border color of #5561ff.

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

CSS codes

.text {color:#5561ff;}

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

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

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)
```
#000541
```
#000541 rgb(0,5,65)
```
#000655
```
#000655 rgb(0,6,85)
```
#000769
```
#000769 rgb(0,7,105)
```
#00097c
```
#00097c rgb(0,9,124)
```
#000a90
```
#000a90 rgb(0,10,144)
```
#000ca3
```
#000ca3 rgb(0,12,163)
```
#000db7
```
#000db7 rgb(0,13,183)
```
#000ecb
```
#000ecb rgb(0,14,203)
```
#0010de
```
#0010de rgb(0,16,222)
```
#0011f2
```
#0011f2 rgb(0,17,242)
```

Shade Color Variation

#0718ff
```
#0718ff rgb(7,24,255)
```
#1a2aff
```
#1a2aff rgb(26,42,255)
```
#2e3dff
```
#2e3dff rgb(46,61,255)
```
#414fff
```
#414fff rgb(65,79,255)
```
#5561ff
```
#5561ff rgb(85,97,255)
```
#6973ff
```
#6973ff rgb(105,115,255)
```
#7c85ff
```
#7c85ff rgb(124,133,255)
```
#9098ff
```
#9098ff rgb(144,152,255)
```
#a3aaff
```
#a3aaff rgb(163,170,255)
```
#b7bcff
```
#b7bcff rgb(183,188,255)
```
#cbceff
```
#cbceff rgb(203,206,255)
```
#dee1ff
```
#dee1ff rgb(222,225,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 #5561ff is the most saturated one.

#a3a4b1
```
#a3a4b1 rgb(163,164,177)
```
#9d9fb7
```
#9d9fb7 rgb(157,159,183)
```
#9699be
```
#9699be rgb(150,153,190)
```
#9094c4
```
#9094c4 rgb(144,148,196)
```
#898ecb
```
#898ecb rgb(137,142,203)
```
#8388d1
```
#8388d1 rgb(131,136,209)
```
#7c83d8
```
#7c83d8 rgb(124,131,216)
```
#767dde
```
#767dde rgb(118,125,222)
```
#6f77e5
```
#6f77e5 rgb(111,119,229)
```
#6972eb
```
#6972eb rgb(105,114,235)
```
#626cf2
```
#626cf2 rgb(98,108,242)
```
#5c67f8
```
#5c67f8 rgb(92,103,248)
```
#5561ff
```
#5561ff rgb(85,97,255)
```

Tone Color Variation

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

#0078ea Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

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

#5561ff hex color

#5561ff Color Information

#5561ff Color Conversion

Color Schemes with #5561ff

Alternatives to #5561ff

#5561ff Preview

Shades and Tints of #5561ff

Tones of #5561ff

Color Blindness Simulator