#5563fc hex color

In a RGB color space, hex #5563fc is composed of 33.3% red, 38.8% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 60.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 235 degrees, a saturation of 96.5% and a lightness of 66.1%. #5563fc color hex could be obtained by blending #aac6ff with #0000f9. Closest websafe color is: #6666ff.

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

● #5563fc color description : Soft blue.

The hexadecimal color #5563fc has RGB values of R:85, G:99, B:252 and CMYK values of C:0.66, M:0.61, Y:0, K:0.01. Its decimal value is 5596156.

Hex triplet	5563fc	`#5563fc`
RGB Decimal	85, 99, 252	`rgb(85,99,252)`
RGB Percent	33.3, 38.8, 98.8	`rgb(33.3%,38.8%,98.8%)`
CMYK	66, 61, 0, 1
HSL	235°, 96.5, 66.1	`hsl(235,96.5%,66.1%)`
HSV (or HSB)	235°, 66.3, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.352, 41.945, -77.885
XYZ	25.775, 17.882, 94.183
xyY	0.187, 0.13, 17.882
CIE-LCH	49.352, 88.461, 298.305
CIE-LUV	49.352, -12.201, -121.388
Hunter-Lab	42.287, 34.8, -102.453
Binary	01010101, 01100011, 11111100

#5563fc
```
#5563fc rgb(85,99,252)
```
#fcee55
```
#fcee55 rgb(252,238,85)
```

Complementary Color

#55b7fc
```
#55b7fc rgb(85,183,252)
```
#5563fc
```
#5563fc rgb(85,99,252)
```
#9b55fc
```
#9b55fc rgb(155,85,252)
```

Analogous Color

#b7fc55
```
#b7fc55 rgb(183,252,85)
```
#5563fc
```
#5563fc rgb(85,99,252)
```
#fc9b55
```
#fc9b55 rgb(252,155,85)
```

Split Complementary Color

#63fc55
```
#63fc55 rgb(99,252,85)
```
#5563fc
```
#5563fc rgb(85,99,252)
```
#fc5563
```
#fc5563 rgb(252,85,99)
```

Triadic Color

#55fcee
```
#55fcee rgb(85,252,238)
```
#5563fc
```
#5563fc rgb(85,99,252)
```
#fc5563
```
#fc5563 rgb(252,85,99)
```
#fcee55
```
#fcee55 rgb(252,238,85)
```

Tetradic Color

#0a1efb
```
#0a1efb rgb(10,30,251)
```
#2335fb
```
#2335fb rgb(35,53,251)
```
#3c4cfc
```
#3c4cfc rgb(60,76,252)
```
#5563fc
```
#5563fc rgb(85,99,252)
```
#6e7afc
```
#6e7afc rgb(110,122,252)
```
#8791fd
```
#8791fd rgb(135,145,253)
```
#a0a8fd
```
#a0a8fd rgb(160,168,253)
```

Monochromatic Color

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

#558dfc
```
#558dfc rgb(85,141,252)
```
#557ffc
```
#557ffc rgb(85,127,252)
```
#5571fc
```
#5571fc rgb(85,113,252)
```
#5563fc
```
#5563fc rgb(85,99,252)
```
#5555fc
```
#5555fc rgb(85,85,252)
```
#6355fc
```
#6355fc rgb(99,85,252)
```
#7155fc
```
#7155fc rgb(113,85,252)
```

Similar Colors

Text with hexadecimal color #5563fc

This text has a font color of #5563fc.

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

#5563fc background color

This paragraph has a background color of #5563fc.

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

#5563fc border color

This element has a border color of #5563fc.

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

CSS codes

.text {color:#5563fc;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000217
```
#000217 rgb(0,2,23)
```
#01042a
```
#01042a rgb(1,4,42)
```
#01063d
```
#01063d rgb(1,6,61)
```
#010851
```
#010851 rgb(1,8,81)
```
#020a64
```
#020a64 rgb(2,10,100)
```
#020c77
```
#020c77 rgb(2,12,119)
```
#020e8a
```
#020e8a rgb(2,14,138)
```
#03109e
```
#03109e rgb(3,16,158)
```
#0312b1
```
#0312b1 rgb(3,18,177)
```
#0314c4
```
#0314c4 rgb(3,20,196)
```
#0416d8
```
#0416d8 rgb(4,22,216)
```
#0417eb
```
#0417eb rgb(4,23,235)
```

Shade Color Variation

#081cfb
```
#081cfb rgb(8,28,251)
```
#1b2efb
```
#1b2efb rgb(27,46,251)
```
#2e40fb
```
#2e40fb rgb(46,64,251)
```
#4251fc
```
#4251fc rgb(66,81,252)
```
#5563fc
```
#5563fc rgb(85,99,252)
```
#6875fc
```
#6875fc rgb(104,117,252)
```
#7c86fd
```
#7c86fd rgb(124,134,253)
```
#8f98fd
```
#8f98fd rgb(143,152,253)
```
#a2aafd
```
#a2aafd rgb(162,170,253)
```
#b5bbfe
```
#b5bbfe rgb(181,187,254)
```
#c9cdfe
```
#c9cdfe rgb(201,205,254)
```
#dcdffe
```
#dcdffe rgb(220,223,254)
```
#eff1ff
```
#eff1ff rgb(239,241,255)
```

Tint Color Variation

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

#a5a5ac
```
#a5a5ac rgb(165,165,172)
```
#9ea0b3
```
#9ea0b3 rgb(158,160,179)
```
#989ab9
```
#989ab9 rgb(152,154,185)
```
#9195c0
```
#9195c0 rgb(145,149,192)
```
#8a8fc7
```
#8a8fc7 rgb(138,143,199)
```
#848acd
```
#848acd rgb(132,138,205)
```
#7d84d4
```
#7d84d4 rgb(125,132,212)
```
#767fdb
```
#767fdb rgb(118,127,219)
```
#7079e1
```
#7079e1 rgb(112,121,225)
```
#6974e8
```
#6974e8 rgb(105,116,232)
```
#626eef
```
#626eef rgb(98,110,239)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#5563fc
```
#5563fc rgb(85,99,252)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6b6d8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fce Deuteranopia 1% of men
#008891 Tritanopia 0.001% of the population

Trichromacy

#1e70f1 Protanomaly 1% of men, 0.01% of women
#1e75de Deuteranomaly 6% of men, 0.4% of women
#1e7ab8 Tritanomaly 0.01% of the population

#5563fc hex color

#5563fc Color Information

#5563fc Color Conversion

Color Schemes with #5563fc

Alternatives to #5563fc

#5563fc Preview

Shades and Tints of #5563fc

Tones of #5563fc

Color Blindness Simulator